PAWFECT THEME INSTALLATION & SETUP

Thank you for choosing a Stylish Design Theme to build your site. Once you’re set up, we’d love to have you submit your site for us to see. Should you run into any problems along the way please contact us. Below are the instructions on getting your new theme installed and set up to appear the same as the demo. Here is a link as well to the demo that you can view for reference.

Design elements

The following fonts and colour have been used throughout the theme.

Fonts

  • Mrs Saint Delafield
  • DM Sans
  • Poppins

Colours

  • Blue #0BACD3
  • Yellow #FBCD69
  • Dark Grey #303030
  • Medium Grey #413F3C
  • Light Grey #555352
  • Lightest Grey #6E6E70
  • Beige #E6E0D4
  • Cream #FAF8F4

**Important before you begin**

I HIGHLY recommend using the theme on a fresh install of WordPress.
If you are not staring with a new install, I suggest you create a backup of your current site. Always keep an unaltered and updated copy of your theme files stored on your computer, in the event that you accidentally make a mistake and need to use that copy to start over. You can also download a copy in your account area  at any time.

Blog featured images sizes

It is a good idea to always have your Featured Images for your posts be the same size or as close as possible, particularly if you are displaying them in a grid. If you intend using the slider, you will want your featured images to be at least 1200px wide. The two recommended sizes are 1200×1500, or square of 1200×1200. If you are not using the post slider, then you can do a smaller image width.

Getting Started

Creating your first website can be a daunting prospect, with so many options available to choose from. Which hosting provider to go for? What is the best domain name for my business? How much will it cost?

Most of these questions are answered best by the team over at WPbeginner.com and here is a great article covering these topics.

BEFORE YOU BEGIN

  1. It’s recommended that you update your site to the latest version of WordPress before installing your theme.
  2. Always make sure you have a backup of your site before installing a new theme! Your hosting most makes daily site back-ups for you, but if not, you might want to consider a backup plugin like Updraft plus.
  3. I recommend that your PHP version be at least 7.0.  

After you have downloaded your files, find the folder with “UNZIP” me in the file name (e.g. UNZIP-ME_pawfect.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, “stylishdesign_pawfect” 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. stylishdesign_bethany.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 already have an existing website with your own blog posts, you may not wish to have the demo posts that come with the importing of your Kadence Child Theme and you can delete them by doing the following:

  1. Navigate to your WordPress dashboard, go to Posts.
  2. Select all of the posts you would like to delete by clicking in the box.
  3. At the top, in the bulk edit dropdown, select “move to trash” and click the Apply button.
  1. Kadence Blocks – Gutenberg Blocks for Page Builder Features
  2. Genesis Blocks – Gutenberg Blocks Collection
  3. Reusable Blocks Extended
  4. Smash Balloon Instagram Feed
  5. Starter Templates
  6. WooCommerce
  1. Kadence Theme

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.

To copy an entire page and all of it’s content, simply go to the page you wish to copy, find the 3 dots in the right hand corner and click on them. This will show a drop down with the option to ‘copy all content’ near the bottom. Click on this and you will see you have copied the entire page.
Then go and create a new page and once you have named it, simply click on the page and right click ‘paste’ or cmd-v to paste all of the content from your previous page. It’s that simple!

  1. 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.