Scandi Theme Documentation

After purchase, download your new theme file from Themeforest. To do that, go to your themeforest.net profile move your mouse cursor over your login name in the right top corner and then click “Download”.

Here you will find all the items that you have purchased.

Locate Love Struck theme, click the “Download” button and choose “All files & documentation” and save the package on your computer.

UNZIP the package you just downloaded.

Inside you will find a copy of this documentation, license, purchase code and a zipped Scandi file (scandi.zip) that you will need to install on to your WordPress.

1. Login into your WordPress Admin panel
2. Go to Appearance > Themes
3. Click on the “Add New Theme” > Upload Theme
4. Choose file and select scandi.zip (this file is INSIDE the zipped file you’ve downloaded from Theme Forest)
5. Hit “Install Now” and the theme will be uploaded and installed.
6. Then click on the Activate link.

Installing Plugins

• After successful theme installation, you will be presented with a set of plugins which were used in the live theme preview.
• Clicking on ‘Begin installing plugins’.
• Then select all of the plugins in the plugin list and bulk install them.

 

After you installed your theme and all required plugins, follow these steps:

1. Go to Appearance > Import Demo Data
2. Click on big “Import Demo Data” button and wait until the importing process is done.

After the import process is complete, you get all pages, images, posts and portfolio items you saw in the ThemeForest demo before purchasing the theme. Now all you have to do is replace the demo images and sample content with your own.

You can upload your logo image by going to Appearance > Customize > Site Identity

• Upload your logo under “Logo”
• Delete any text that might be in the Site Title and Tagline fields.

If you do not have a logo of your own, use the site Title and Tagline area or download a free photography logo form our website.

Useful Logo Information

• Your logo can be any size and shape, but for best results, it should be about 40px in height.
• Your logo should be a .png file with a transparent background
• If you are looking for a new, free logo, you can check out our 100 free photography logo templates here.
• If you’re interested in a custom logo design, send a mail to [email protected] and we will design one for you!

To make your page look more appealing, add an intro text to your pages.

With the new WordPress panel, it’s easy to do.

• Give your page a title
• in the content area write a bit of regular text
• center-align it
• in the block settings area, set the font size to 20px

The Gutenberg WordPress editor is a new page builder that is being designed to integrate with WordPress core. Gutenberg will add content blocks and page builder-like functionality to every up-to-date WordPress website. When in use, it will replace TinyMCE as the default content editor. With Gutenberg, content is added in blocks of various types from the WordPress backend.

Gutenberg will the official, default editor starting with WordPress 5.0.

Since this is the future of WordPress, Scandi theme is encouraging you to transition to Gutenberg now so that you can get accustomed to the new WordPress already. So if you haven’t already, activate Gutenberg plugin now.

If you imported the demo content, you already have a pre-made portfolio page and you do not need to create a new one.

1. Go to Pages > Add New
2. Give this page a name (ex., Portfolio or Home) This page will contain all of your galleries.
   
3. Click the “Publish” button.
4. Now go to Portfolio > Portfolio Settings and under Main Portfolio Page select the page you just created and click on the SAVE button.

1. Go Portfolio > New Portfolio Entry.
2. Give this gallery a name (Engagements, Livingrooms, People …) 
3. All of the images that will appear inside this gallery need to be uploaded to the Gallery meta box by clicking on the “Add Images” button. You can “drag” the image thumbnails around to change the image order
4. The cover image of each gallery is the Featured Image, so upload your cover image in the Featured Image area on the right side of your screen.
5.  You can write something about this gallery in the description area if you need to. Style you description however you want. We center-aligned it and made the font 20px large.

Tip

For a faster load time, consider compressing images before upload. We use JPEGmini for all our images.

Set your portfolio page to be your Homepage.

Go to Settings > Reading and set your portfolio page as your Front page.

You have 3 options when it comes to your galleries that are displayed on your main portfolio page:

• Al galleries
• Only galleries from a specific category
• A single portfolio entry

You can change this setting by going to Portfolio > Portfolio Settings

Add a nice introductory text to your main portfolio page. This is especially effective if your Portfolio is set to be your homepage.

To create an introduction like this, do the following:

• go to Pages > All Pages
• open your Portfolio page (we called it Home in demo)
• in the content area write a nice, short introduction
• Center-align it and set it to Heading 3 (h3)

To create multiple portfolio pages with different galleries in each portfolio page follow these steps:

1. Go to Portfolio > Categories
2. Create your portfolio categories (for example, Weddings, Engagement, Nature etc.)
3. Go to Portfolio > All Entries,
4. Open an entry and on the right side of the screen locate ”Categories & Tags” and assign it to a specific category/categories

To see your new category portfolio page, add it to your menu (continue reading to learn how.)

Adding Categories To Menu

Now that the categories are created and galleries assigned to it, add your categories page to your menu. To do that:

1. Go to Appearance > Menus
2. On the right side of your screen click the “Screen Options” button and activate “Portfolio Categories”
3. Toggle open “Portfolio Categories”, select the ones you want to use and add them to your menu.
4. Click the “Save Menu” button

Add a single gallery in your menu

To add a specific gallery to your menu, go to Appearances > Menus and click on the “Screen options” button. Activate “Portfolio Entries”A new tab will appear where you can choose your single gallery to add to menu.

Make a single gallery as your homepage

If you have only one gallery that you want to set as your Homepage, go to Portfolio > Portfolio Settings and set “In Portfolio Home Page:” setting to “Show a single Portfolio entry”. Then choose your portfolio entry from the drop-down that will appear.

Let’s say you have 4 portfolio entries – Weddings, Children, Portraits, Couples. You want to change the order to – Couples, Weddings, Portraits, Children.

 

Here’s what you do:

Step 1

1. Go to Settings > Intuitive CPO (if you don’t see this option in Settings, install a plugin called “Intuitive Custom Post Order”)
2. Under “Sortable Post Types” choose what you would like to reorder
3. Click the “Update” button

Step 2

1. Go to Portfolio > All Entries
2. Place your mouse cursor over the entry that you would like to move until you see the “move arrow” icon showed in the image below
3. Drag and drop the entries in your preferred order.

If you imported the demo content, you already have a pre-made blog page and you do not need to create a new one.

1. Create a new page Pages > Add New and give the blog a name (for example “Blog”), DO NOT write anything in the content area.
2. Go to Settings > Reading and set the Posts page to your new blog page.

To add an introduction/welcome text in your blog page, do the following:

• Go to Appearance > Customize
• Open “Homepage Settings”
• Under “Blog Introduction: Text” write a couple of words about your blog page

After you have assigned your Posts page as your Blog you can start creating posts for your blog and they will automatically show up on your blog page.

To create a post:

1. Go to Posts > Add New
2. Give your post a name
3. The main text goes into the main content area.
4. Upload a cover image for your post inside the Featured Image area. (just like in your portfolio)

To assign categories and tags to your posts, open up a post and on the right side of your screen open “Categories & Tags” area.

You can create beautiful, complex gallery layouts inside your post. This is especially useful if you need no showcase a particular photo session (such as “Jane and John” wedding).

Creating a simple gallery inside a post

1. Open a post in which you need a gallery
2. Click in the content area where you want to place your gallery
3. Insert a new block in that place and choose “Gallery”
4. Select the images that should be in the gallery
5. Click on the “Create a new gallery” button and then “Insert gallery”
6. While the gallery block is still selected, on the right side of your screen, click on “Block”
7. Here you can choose how many columns you want and should the images be cropped or not.

To make your gallery wider than the content, select it and click on the “Wide Width” button.

Creating a mixed gallery inside a post

To create a gallery where some of the images appear in 1 column, some in 2 or 3 columns, each column will need its own gallery. Basically, you will create multiple galleries with a different number of columns in each and stack them one on top of the other.

To do that follow the steps 1- 7. that are described above, but:

• If the first image (or a couple of the first ones) should be in one column, you select only these images and set the column count to 1.
• If the next 2 images should be next to each other, create a new gallery under the first one, select these two images and set the column count to 2
• continue in this way until you’re done.

A “wide image” is a single image inside the post that is wider than the content. To make an image wide:

• Place a new block in your content area and choose “Image”
• Click on the image and then click on the “Wide Width” button to make it wider or “Full Width” to make it even more wider.

Scandi theme is using “Ninja Forms” to create its contact form.

To edit the existing form or create a new one go to Ninja Forms > Dashboard

Learn how to build a contact form here.

Add your social networks to your footer by placing the “Simple Social Icons” widget in the Footer Widgets area.

If you dont see this widget ibn the awailable widgets area, go to Plugins > Add New and search for and install “Simple Social Icons”

Widget settings

Check out the image below to see what settings we used in the demo.

Add your copyright text and/or Impressum in the footer.

To do that, go to Appearance > Widgets and place the “Text” widget inside the “Footer Copyright Area”. Write your text in the content area and leave the Title area empty.

Prevent people from stealing your work. They do that by right-clicking on your images and choosing the “Save Image As…” option.

We created a plugin specially for this, it works great with all our themes and its free!

Follow these steps:

1. Go to Plugins > Add New
2. Search and install “Photection” by Colormelon
3. After you installed it, go to Settings > Photection and add a custom message that shows up when someone Right-clicks on an image! 

The easiest way to keep your theme up to date is by using Envato Market plugin. Here is a short video tutorial on how to setup the plugin:

You can read more about the plugin in our Knowledge Base Article

If you’re stuck and can’t find the answer to your question in this documentation or if you found a bug that needs fixing, head straight to our Support Forum and create a new support topic. We will talk soon!