Theme Install Instructions V1

Congratulations on Purchasing your new theme!

Before you get started with the install, here are a few things to note.

You will need photoshop to edit the blog header.  You will also need to download and install the fonts provided in the theme installation folder. If you do not have photoshop, click here to contact us and request your blog header.

IMPORTANT: If the genesis framework or any of your plugins need updated, be sure to update them once they are installed.

Now, On to the fun stuff!   Click on each step below to install your new wordpress theme.

Install the theme and Genesis Framework

Log into your wordpress dashboard, click on appearance > Themes.

At the top of the page, click on “Add New”

Then click on “Upload Theme”

In the box that opens up, click on “Choose File” and upload the genesis.zip file that is inside your theme folder.

Activate it and if it asks you to update it, then go ahead and do so.

Next, upload your theme, Your theme is also inside the folder and is named something similar to themename-tinselpop.zip. Upload that and activate it.

Install Your Header

Click on Appearance > Customize

On the page that opens up, click “Header Image” on the left side of the screen.

Then click on “Add New Image”

In the box that opens up click on “Upload Files”

Upload the blog header you edited in photoshop or if you didn’t have photoshop, upload the header I sent over.  On the next page press the “Skip Cropping” button, then hit “Save and Publish”.

Upload Plugins

Within your theme folder, you will see another folder called “Plugins”, upload each and every plugin located in that folder, activate them and update them.

If you are unsure how to add plugins,  read the following tutorial –

How to upload and update Plugins

Import Widget Settings

In your wordpress dashboard, go to tools > widget Importer & Exporter (If you are not seeing this option it means you haven’t uploaded the plugin. The plugin is in your plugins folder and needs to be uploaded and activated.)

Click on “Choose File” and navigate to the folder named DEMO FILES inside your theme folder.  You will see a file called WIDGETS-SETTINGS, upload that then click on “Import Widgets”, some widgets may already exist but this will install the widgets and set them up like the demo.

Import Genesis Settings

In your wordpress dashboard, go to Genesis > Import / Export.

On the page that opens up, click on “Choose file” and navigate to your theme folder, inside it, you will see a folder called  DEMO FILES, open up that folder and double click on the file named GENESIS-DEMO-CONTENT then hit “Upload file and import”.

Import Demo Content

If you already have content on your blog, you can skip this part if you wish although I do recommend installing it. If your blog is brand new, this will install all the photos, pages and blog posts that you saw in the demo so you can quickly set up the theme then delete and edit any parts once you start blogging.

First, go to your wordpress dashboard and navigate to tools > import.

Scroll down on the page that opens up until you see “WordPress” hit Install importer or Run Importer, if you have to install it, do that, then go back and hit run importer.

On the page that opens up, click on “Choose file” and navigate to your theme folder, inside it, you will see a folder called  DEMO FILES, open up that folder and double click on the file named THEME-DEMO-CONTENT then hit the “Upload file and import button”.

On the next page, assign the posts to your own username, make sure to check that option and make sure “download and import file attachments is checked then click on “Submit”.

The next step can take a few minutes, the page will look like it’s loading, once it’s done you will see a list of everything that is installed (sometimes it just shows a blank page).  If something says it failed, don’t worry about that, your site may already have it.

Set up your navigation menu

First of all, you will need to have your pages and categories created, If you installed the demo content, these will already created, if you don’t already have these created, click the links below for a tutorial on adding pages and categories.

How to add a page.

How to add Categories.

Now that your pages and categories have been created you can go ahead and create your navigation menu, the primary menu is where your social media icons will show up along with certain pages and the secondary menu allows you to add more pages and categories.

All of our themes allow for two navigation menus, the primary navigation menu is above the header. The secondary navigation menu is below the header, you can use one or both. You can create more than one menu and assign each menu differently.

If you are unsure how to create and arrange your navigation menu click here for a tutorial.

Social Media Icons

Your social media icons are located in appearance > widgets > Nav Social Menu, navigate to that area, click on it and expand the widget named “Simple Social Icons”.

Once you the have nav social menu widget area open, scroll down a bit and add the links to your social media sites into the spaces provided, replace the links that are already there and delete any links you do not plan on using. (Example shown below).

Make sure to add https:// before any social media URL  and make sure to add mailto: before your email address with no space in between.

Once you have everything added and set up, hit “SAVE” at the bottom of the widget.

You will need to activate the Primary Navigation Menu for these to show up.

Note: If your theme has icons on the sidebar instead or you would like them there, drag and drop the Nav Social Menu widget into the Primary Sidebar Widget Area.

Welcome Image

Navigate to appearance > widgets > primary sidebar area and open up the widget named “Image Widget”.

Click on “Select an image”, then upload and replace the image with your own. I recommend a size of 300 x 300px for image widgets.  Your welcome image will show up in whatever shape and size you upload it.  Add a title if you wish and replace the caption with your own, then hit “Save” when you are done.

Instagram Feed

Click on “Instagram Feed” to the bottom left of your wordpress admin panel.

On the page that opens up, click the big blue button that says “Connect an instagram account”, authorize it then it will take you back to wordpress.

Once that’s done scroll down and hit “save changes”. Next click on “Customize” at the top of the instagram feed page.

In the customize section make sure the first area of settings are as shown below.

Once you do that, scroll down a little more and uncheck the following boxes “Show the Header”, “Show the Load More Button” and “Show the Follow Button”. Hit save.

Your Instagram feed will now show up on your blog.

Social Share Icons

Navigate to Genesis > Simple Share

In the page that opens up, make sure the settings look exactly like they are shown below, and also make sure all of the social boxes are checked, then hit “Save”.

Pinterest Widget

Go to  Appearance > Widgets, Open up the primary sidebar widget area and scroll down until  you see GS Pinterest Profile Widget, replace the username (Pinterest user) in the username section with your own pinterest username. (Not profile URL, Just your username) then hit save.

Subscribe Widget

Go to Appearance > Widgets and open up the primary sidebar area, edit the genesis E News Extended plugin, use the below screenshot as a reference and hit SAVE.


Facebook Plugin

Navigate to appearance > widgets  and open up the primary sidebar widget area, scroll down until you see “Mongoose Page Plugin” and replace the URL with your own facebook page URL and copy the settings below. Then hit save.

Shop My Style Widget

To use this widget you need to sign up for an affiliate network https://www.rewardstyle.com

Once you are accepted in they will provide further instructions on widget installation.

Featured Categories Widget

Go to appearance > widgets and open up the category top widget area, then click on “Genesis Featured Posts”.

This widget is already set up on your homepage but you can give it a title / remove the title and choose which category to display if you don’t want to display all of them.  You will also need to have a featured image set on each new blog post for images to show up.

Scroll to the bottom of that widget and you will see a section called “Widget Context”. Change the dropdown menu from “Show Widget Everywhere” to “Show Widget on the selected” and select “Front Page” like on the screenshot below, then hit “Save”.

 

Customize Theme Colors

This is completely optional but if you would like to change your theme colors, go to your wordpress admin area, click on appearance > customize > colors and from there you will see a list of areas with dropdowns, you can change the colors of your theme using this customizer (Some elements such as background images and the blog header cannot be customized using this.) A lot of the genesis framework uses CSS and the theme editor to change colors, we tried to make this as easy as possible but if some elements can’t be changed, we recommend inspecting the element in your browser and editing it via appearance > theme editor.

Change Theme Layout

Overall Layout Options

To change the overall layout of your theme to full width or have the sidebar on the left, go to appearance > customize > site layout, then you will see a dropdown menu with 3 different options.

Single Post and Page Options

If you only want to change the layout for a single page or a single post, go to your pages or posts area, click on the page or post you want to edit.  Scroll down until you see “layout settings” and click on the layout diagram you want to use, then save your page. (Don’t worry about the sections under it).

Category Layouts

To change the way a certain category archive looks, go to Posts > Categories then click on the category you wish to edit then scroll down to the bottom until you see the layout section again.

Instagram landing Page

If your theme has an instagram landing page Click Here and learn how to set this up!

How to create wordpress pages

Creating a page on wordpress is super easy, it may sound hard if you are new to wordpress but follow this simple tutorial and you will have pages set up in no time! Pages are not for blog posts, they are for information you want to display, such as contact, about, image galleries etc.

Step 1

Login to your wordpress dashboard, on the left hand side, go to Pages > Add New.

Step 2

On the page that opens up, add a page title, such as “about” or “contact” then add the content / wording you want to show up in the content section.

Step 3

Hit publish and your page is ready for the world to see!

How To Create Categories On WordPress

Categories are the way to organize your blog posts, for instance, if you write blog posts about make up or beauty, create a category named “Beauty”. If you write recipes, create a category called “Recipes”. You can also add sub-categories, so for instance if you want to create categories for breakfast and another one for smoothies, you can create categories for both of those and place them under “Recipes”.  This tutorial will explain how to do that!

Step 1

Go to your wordpress admin panel, on the left hand side click on Posts > Categories.

Step 2

On the page that opens up, this is where you create your categories. In the screenshot below, you will see where everything should go. Remember a category name is something simple like “Beauty” or “Travel etc. You can create unlimited categories.

To organize your categories, you can set a parent category, for instance, you have created the category named “Travel” and you want to add some countries, select “Parent category” after you’ve created it from the dropdown menu and add your sub categories.

Congratulations, you’ve created your categories!

How To Set Up A WordPress Navigation Menu

Setting up an organizing a navigation menu on wordpress is pretty simple.  This tutorial is short but it will show you how to do it and assign your menu to any of the navigation menu area.  You will need to have your pages and categories created beforehand.

Step 1

In your wordpress dashboard, navigate to appearance > Menus.

Step 2

On the page that opens up give your menu a name, maybe something like top or bottom menu, then hit “create menu”.

Step 3

Once you have created your menu, the next step is to add your pages and categories.  On the left hand side, you will see a pages section and a categories section.  Check each page or category you want add to your navigation menu and hit the “Add to menu” button.

Step 4

Now you need to organize your pages and categories, you can drag and drop them to rearrange them, you can also create dropdown menus by placing a category or page slight to the right, underneath another page or category.

Once you have added and arranged your menu items, select a display location, usually primary or secondary.

Hit the “Save Menu” Button in the bottom right corner and your menu will now be set up!  If you are using a theme that uses two navigation menus, follow the above steps to create a secondary navigation menu and assign it to the other area.

How To Add A Plugin To WordPress

This tutorial will show you how to upload, activate, search for and update wordpress plugins.  The theme you purchased from us comes with a plugins folder but you will also need to search for and install jetpack if it doesn’t come preinstalled with your wordpress install.

Upload Your Plugins

Navigate to plugins > add new. On the page that opens up hit the “Upload Plugin” button.

A little box will show up, click on choose file, navigate to your plugins folder if you are using one of our themes and install your first plugin by selecting the “install now” button.

Once it’s uploaded activate it. Complete this step for each of the plugins in your plugins folder.

Search for plugins

If you click on plugins > add new again, on the top right hand side you will see a search box where you can search for plugins.

Type in the name of the plugin you wish to add such as “Jetpack” (this may already come installed with your wordpress hosting company but if you don’t see it then you will need to search for it).

You will then see the plugin you wish to add, install it and activate it.

Update Plugins

It’s important to update plugins after you install them, for security reasons among others. Click on Plugins > installed plugins.  Each plugin that has an update will have a yellow box displayed underneath it with an “Update Now” message, click the update now message to update it.

How To Add Widgets To WordPress

Most of our themes use widgeted areas to display sliders and various information, this tutorial will show the the basic steps to finding and adding widgets to an area.

Step 1 

Navigate to appearance > widgets

Step 2

On the page that opens up you will see all of your widgets available on the left hand side and on the right hand side you will see your widget area.  What you need to do is drag the widget you want to use into the correct area.

Add your widgets to the areas as described in each section of your instructions and hit the “Save” button below each new widget.

Once all of your widgets are set up, they will show up on your blog or website.

How To Set Up Jetpack

Jetpack is a fantastic wordpress plugin that lets you add social media widgets, lets readers subscribe to your blog, shows your website stats and SO much more. Here is a quick tutorial on linking Jetpack to your wordpress blog.

Install the Jetpack Plugin

Most wordpress installs autmatically come with jetpack pre-installed, but some don’t, if you don’t see Jetpack under your dashboard it’s either not activated or not installed, so if you do not have it, you will need to search for it in your plugin area, install and activate it.

Activating Jetpack

In your wordpress admin area, right underneath “Dashboard”, you will see “Jetpack”, click on that, then hit the button that says “set up jetpack”.

Log into your wordpress.com account then select the “Approve” button.  If you don’t have an account you will need to create a free one.

Skip all the next steps until you reach the plans page and at the bottom, click “Start with free”.

Next, go back to your wordpress dashboard, go to jetpack > dashboard, and hit the activate recommended features button.

Once you have activated the recommended features, that means you have jetpack set up!  If you are using one of our themes, we recommend going to Jetpack > Settings then select the sharing tab and unchecking the following options as you already have share buttons with your theme (be sure to hit save) –