Theme Tutorials

After you have downloaded your files, find the folder with “UNZIP” me in the file name (e.g. UNZIP-ME_vivian.zip) and go ahead and unzip that folder. Once you have unzipped this folder, you will notice that the child theme is in a zipped folder, DO NOT unzip this folder as you will be uploading it to WordPress.

  1. Navigate to your WordPress dashboard and go to Appearance > Themes
  2. Click “Add New” at the top and in the search box type in “Kadence”. Install the Kadence theme but DO NOT activate it.
  3. Navigate to the Plugins page and click the “Add New” button at the top.
  4. Search for “Kadence” again and find the “Starter Templates by Kadence WP” plugin. Install and activate the plugin. This plugin will facilitate the install of your child theme template.
  5. Navigate back to Appearance > Themes and click the “Add New” button, and then click “upload”. Search your computer for the Kadence child theme you purchased and upload it. (e.g. vivian.zip)
  6. Activate the theme.
  7. Lastly navigate to Appearance > Starter Templates. You should now see the preview of the child theme template you purchased OR if you see a page with “Choose your builder”, click on the Studio Chem Logo and you will then see a preview of your purchased theme.
  8. Click on the child theme template preview and then click the “Start Importing” button. This step can take a few minutes to complete.
  9. Wait for the import to finish and then click to view your site, which should now look like the demo!

If you installed your new theme to a fresh instance of WordPress and installed all of the demo content from the theme, you will have to remove any content that you do no wish to keep manually. Keep whatever you wish to have on your site but it is recommended that you remove things like blog posts and products. Below is detailed instructions on removing key elements:

PAGES

1. Navigate to WordPress > Pages > All Pages.
2. Click the top checkbox to bulk select all the pages you want removed.
3. Navigate to Bulk Actions > Click Move to Trash.

BLOG POSTS1. Navigate to WordPress > Posts > All Posts.
2. Click the top checkbox to bulk select all the posts you want removed.
3. Navigate to Bulk Actions > Click Move to Trash. 

IMAGES/MEDIA

1. Navigate to WordPress > Media > Library.
2. Click bulk select at the top.
3. Select those images you want to remove > Click Delete Selected.

MENUS1. Navigate to WordPress > Appearance > Menus.
2. Carefully select the menus you want to delete, ensuring you are not using them anywhere on your site.
3. At the bottom left Click Delete. 

COMMENTS

1. Navigate to WordPress > Comments 
2. Click the top checkbox to bulk select all the comments you want removed.
3. Navigate to Bulk Actions > Click Move to Trash.

PRODUCTS1. Navigate to WordPress > Products > All Products.
2. Click the top checkbox to bulk select all the products you want removed.
3. Navigate to Bulk Actions > Click Move to Trash.

You will need to assign specific pages to show as your Homepage and blog.
Navigate to your WordPress dashboard Settings > Reading then choose what your homepage displays will show, check Static page and in the dropdown, find and select Home.
For your blog archive, do the same and choose Blog page.

The URLs of the content you publish on your site are called Permalinks. Permalinks are what people enter into their browser to view a specific page on your website. Search engines and other websites also use permalinks to link to your website.

You should avoid changing your permalinks on an established site as this can cause problems with your pages. If you have a fresh instance of WordPress, which we HIGHLY recommend, then you can configure your permalinks at the very start.

To change your Permalinks, go to your WordPress dashboard > Settings > Permalinks.

A navigation menu, which can be set up to show in the header, footer or anywhere else, enables your visitors to easily move through your sites pages and content. Menus are very easy to create from pages, categories, posts, custom links, and you can customize where in your theme you want your menu to be displayed.

In your WordPress dashboard, go to Appearance > Menus.

The Menu screen has a column on the left which has your pages, categories, and custom links tab. The right hand column is where you can add and arrange your menu items.

Under Menu Name, give your menu a name (such as “Main Menu”) and then click Create Menu. This will enlarge the menu area and give you some more choices.
To add pages to your menu, check the pages in the left column that you want to add. Then click Add to Menu.
The pages you added will now appear in the column on the right under Menu Structure.

To add categories to your menu, the same steps apply, namely, click the Categories tab in the left column. Check the categories you want to add. Then click Add to Menu.
The categories you added will now appear in the column on the right under Menu Structure.

If you’d like to link from your menu to a page or site away from your website you can easily do this with the Custom Link.
Click on the custom link on the left. You will see two fields. The first field is for your URL of the page you want to link to, and the second field, Link Text, is where you’ll add the text for your link that will be displayed in your menu. 

To re-arrange menu items so they show as you want, rather than in the order they were added, drag, move and drop a menu item to adjust its position up and down within the menu.

To create a Submenu or Dropdown Menu, simply drag the menu item under a parent item and slightly to the right before dropping it. Dropdowns make your navigation tidier and less cluttered.

It’s super easy to copy any section from one page to another and even to copy entire pages to a new page.

In you WordPress Dashboard, navigate to Pages > The page that has the section you wish to copy. Find the section you want to copy, click on the outside of it until it is bound by a blue box. Then click on the 3 dots.

You will now see a drop down, click on ‘copy’ and it will show a copied to clipboard message in the left hand corner of your screen.

Now go to your dashboard > Pages > Add new and create a new page OR go to an existing page, and scroll to the bottom. Click on the page and either right click ‘paste’ or cmd-v to paste your selection on your new page. If you have added a section to an existing page, simply click on the arrows to place the section wherever you want it to appear on the page.

Global Page Settings

In your dashboard, navigate to Appearance > Customize > Page Layout

Here you will find the global settings for your pages, and the settings you choose here will apply to all of your pages.

You can, should you wish to, override some of the global page settings if you would like certain pages to have different settings. Each individual page has a Page Settings section where you can make your changes and override the global page settings.

An example of where you might override your global settings could be where you have your page layout set to fullwidth in the global page settings. On your contact page you may like to have a left sidebar. Go to your Contact page and edit the page settings to set the page layout to ‘Left Sidebar’. The result is that your Contact page has a left sidebar whilst all other pages still use the ‘fullwidth’ page layout.

To make these changes to your page settings on an individual page you will click on the Page Settings icon (page with pencil) and open up the settings panel. Any changes made to these settings will override any global page settings you’ve set in the customizer.

There are a few custom CSS styles added on certain elements within your theme which you can easily add to other elements on any page. I add a few custom CSS styles to my Kadence child themes that you can add to elements on your pages. To add the CSS class to an element, click on the element and within the Block tab, scroll to the bottom where you will see ‘Additional CSS Class(es)’ and add the CSS class in that box.

The available custom CSS classes are largely for images but this may increase in time. They are:

inner-border

Add a thin white border inside your image

Your images will look like this:

image-border

Add a thin white border around the outside of your image

Your images will look like this:

image-border-wide

Add a thicker white border around the outside of your image

Your images will look like this:

There are a number of ways you can do this, depending on how confident you are with css and php. The easiest way to change the fonts or upload a different font is by using this plugin, “Use any font”, which can be downloaded here.

It’s important to keep your themes, plugins, and WordPress software updated regularly. You should check your site often for any recommended updates. We recommend that you update WordPress as soon as an update becomes available, and to do so, simply hover over the Dashboard link at the top left and click on Updates. If there is an update available, there will be a link where you can update. Plugins should also regularly be checked for updates as they are often responsible for problems. You may wish to hold off on updating plugins once they are showing a new version for a few weeks and then update by hovering over the Plugins > installed plugins and bulk select those you wish to update.

Your category pages don’t display a title or description by default. To add them:

  1. In your dashboard, go to Posts > Categories.
  2. Click “Edit” on the category you wish to add a title or description to.
  3. Scroll down to the Category Archive Settings.
  4. To add a title, type in it in the “Archive Headline” box.
  5. To add a description, type it in the “Archive Intro Text” box.
  6. Click Update.

It’s incredibly important to keep track of your website’s analytics. Analytics provides useful data on which pages are most visited on your website, how long users stay on your website, where users are coming from and where they go from there. Google Analytics is the industry standard when it comes to analytics, and very simple to install on your site.

1. Go to <a “href=”http://analytics.google.com/” target=”_blank” rel=”noopener”>http://analytics.google.com and log in with your Google account. Fill out the signup information and click Get Tracking ID.
2. Once you’re signed up, go to your Google Analytics dashboard. In the lower left corner, click the Settings button, then click on “Tracking Info.” Under Tracking Info, select “Tracking Code.”
3. On the tracking code page, select the code in the box and copy it to your clipboard.
4. In your WordPress dashboard, go to Appearance > Theme Settings. Find the “Header and Footer Scripts” section and paste your tracking code in the Header Scripts box.

It can take a day or two for your analytics to show on your Google dashboard. If it doesn’t try clearing your cache.