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) –

How To Start A WordPress Blog

Starting a new wordpress blog is fairly simple, this tutorial will teach you how to set up a wordpress blog with siteground.

We do not recommend using wordpress.com as it’s exremely limited and pricey, plus, it doesn’t give you the ability to upload a wordpress theme making customizing your blog very difficult.

Setting up a self hosted wordpress.org blog is fairly simple and with the right hosting and support you are on your way to a successful career in blogging. Follow the steps below to get started!

Step 1 

Click Here and navigate to the wordpress hosting section, click “Get started”.

Step 2

Pick a hosting plan that is right for you, if you have a small blog just meant for family members and close friends, I recommend the StartUp plan, if you plan to grow your blog and earn money, I recommend the GoGeek plan.

Once you have decided on a plan, click on “Get plan”.

Step 3

Register your domain name or add your current domain name by clicking “I already have a domain”.  Hit proceed.

Step 4

Enter your billing information on Siteground. You will also see a section at the bottom with extras which may be checked, I recommend purchasing domain name privacy to keep your personal information private from the public. SG Scanner is optional but we don’t recommend it.

Once you have filled out all of your information, hit the “Pay now” button.

Step 5

Once your order is complete, click on “Proceed to the customer area” button. You will then be redirected to the siteground set up wizard which will install WordPress for you.

Select, start a new website in the set up your website area and choose wordpress as the option.

Follow the steps on siteground to complete your installation!

Recommendations

  • Decide on a username that isn’t “admin” and maybe your first name or a nickname that will show up in blog posts.
  • Use a password you will remember but make sure it’s not too easy for others to guess.

Should you have any questions about your install or need further assistance, Siteground has an amazing live chat function that will connect you to one of there assistant who can further guide you with any questions you might have.

Congratulations, you are on your way to creating an amazing blog!

Set Up Instructions V13

Congratulations on Purchasing your new theme!

You will need the genesis framework to use this theme, if you don’t already own it, click here to download it, do NOT update the genesis framework until you have followed all steps below and completed the set up. Once you have completed everything below, go make sure to update it!

First of all, unzip the file you downloaded to your computer (not the genesis framework, the theme you purchased), all of your theme files are inside.

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.

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

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

NOTE: (If you are using a mac or safari and you can’t find the genesis.zip file after downloading it and it’s showing you a variety of different files instead of one zip file, you will need to disable safari automatically unzipping your files and redownload genesis. Click here to learn how to disable that feature.)

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

Next, upload your theme, when you purchased your theme you should have downloaded a zip file, unzip that file and inside it is your wordpress theme and all of the extras.  Your theme file should be named something like themename-tinselpop.zip and it’s in a zip file.  Upload that and activate it.

Step 2: 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”.

Step 3: Set up your navigation menu

First of all, you will need to have your pages and categories 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 the top menu above your header, so set it to primary navigation. If you wish to use a secondary navigation menu below the header area, create a new menu and set the new one to secondary Navigation Menu.

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

Step 4: Set up your widgets

First of all, install your plugins located in the plugins folder of your theme files that you downloaded from us. If you are unsure how to add plugins and install widgets, read the following tutorials –

How to upload and update Plugins

How to add Widgets to wordpress

Social Media Icons 

Upload and update the Simple Social Icons plugin in your theme plugins folder, navigate to appearance widgets and drag the Simple Social Icons plugin into the Primary Sidebar widget area, remember you can drag and drop your widgets to rearrange them once you have them all set up!

In your theme folder, you will find a PNG file named SOCIAL ICON SETTINGS for your theme, it will give you the color codes and icon sizes needed for your icons.  You need to add this information into the box that shows up and makes sure it’s exactly the same.

Once you have your colors and icon sizes set up, scroll down a bit and add the links to your social media sites into the spaces provided.

Make sure to add http:// 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.

Adding a Welcome Image

Locate the plugin named “Image Widget” in your plugins folder and upload it. Navigate to appearance > widgets

Drag the widget titled “Image Widget” over to the “Primary Sidebar Area” and set it up like below, then hit “Save”. I recommend a size of 300 x 300px for image widgets.

Add an instagram widget to the Top or Bottom of your blog

Upload the plugin, “Instagram Feed” from your theme plugins folder, activate it.

Then 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 log in and get my access token and ID, authorize it then it will take you back to wordpress.

Copy the access token and ID that has shown up into the boxes below where it says “Access token and Show Photos from – User id”.

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.

Next click on “Display Your Feed” which is right next to the customize button.

Copy the code in the box that looks like this –

Click on “Appearance > Widgets” and drag a “Custom HTML” widget into the widget area that says Instagram Feed, paste the shortcode from above into that area then hit save.  Your instagram feed should now show up perfectly at the top, (Note: set your instagram to public, if it’s private images won’t show up.)

Social Share buttons at bottom of posts

Upload the plugin named “Genesis Simple Share” and activate it. Next, navigate to Genesis > Simple Share

In the page that opens up, make sure the settings look exactly like they are shown below, then hit “Save”.

Pinterest Widget

Install, activate and if needed up date the GS Pinterest Portfolio Plugin from your plugins folder.

Click On Appearance > Widgets, drag the GS Pinterest Profile Widget (There are 4 different widgets make sure it’s the profile one) into the primary sidebar area.  Set it up like the screenshot below but change the username to your pinterest username.

Subscribe, facebook and twitter Widget

Make sure Jetpack is installed and activated. (Click here for a tutorial on activating jetpack).

Drag the subscriptions widget, facebook widget and twitter widget into the primary sidebar area, set them up as you wish or for facebook and twitter, here’s a screenshot of the demo settings (replace url’s and usernames with your own).

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.

Step 5: Genesis Theme Settings

To set up your posts so they show a “Read More” button and a featured image like the example template, click on Genesis > Theme Settings

Change your Content Archive settings so they look exactly like the screenshots below.

When you create a new post you will need to set a featured image for your theme to show up like the demo, there is no specific featured image size, images will stretch to fit the section.

Install your slider

Step 1

Go to Plugins > Add New and Locate “Genesis Responsive slider” in your theme plugins folder, upload it and activate it.

Step 2

Go to Appearance > Widgets and drag the “Genesis Responsive Slider” Widget into the “Home Slider” Area, It should look like this: –

Don’t give it a title, just hit “Save”.

Step 3

Click on Genesis > Slider Settings and set up your slider the exact same way as shown below, make sure everything is the same.

Hit Save!  Congratulations, your slider is now installed!

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

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

Click Here and learn how to set this up!

Instagram Landing Page Instructions

The Instagram page is a widgetized area where you can add an email subscription, links to your latest blog posts, shop, contact page or anything you like!  The following instructions will show you how to set it up like the demo.

NOTE: If you imported the demo content and widgets with your theme, the page will already be created so you can skip creating the page and move onto the navigation menu section.

Create The Page

Go to pages > Add New and name it something like “Instagram Landing Page”.  In the body part of the page, type in your site name (or even add your logo), I set the site name in the demo to an H1 Heading, you can do the same.

Once you have added your info, look to the right hand side, you will see a section called “Page Attributes” and “Templates”, from the dropdown under templates, select “Instagram Landing”.  Once you are done, publish your page.

Create A New Navigation Menu

Go to Appearance > Menus and create a brand new menu, name it something like Instagram Menu.  Add the pages and categories you want to show up on your instagram page, under pages you will see posts, you can add a latest blog post, once you add it, click on it if you want to change the label that shows up on your instagram page.

Under posts, you can also click on “Custom Links” and add a URL to an outside website such as a shop, give it a name like “Shop” and add it to the menu.

Once you have all of your pages and posts set up, do NOT assign the menu, just hit “Save”.

**Note, dropdowns will not work or look correct if you try to add any on this page.

Add the Nav Menu to the Instagram Page

The next step is to add your widgets, go to appearance > Widgets.

NOTE: If you installed the demo content, remove all of the widgets from the Instagram Menu widget area first.

Once you are there, look for the widget titled “Navigation Menu”, drag that into the “Instagram Menu” widget area.

Select the menu you just created possibly named “Instagram” and then hit “Save”.

Mailing List

If you would like to add a link to your mailing list such as Mailchimp, drag the Genesis E News Extended plugin into the “Instagram Menu” widget area and set it up like below. Once you have it set up, hit “Save”.

Note* For this to work you will need a mailing list from somewhere like Mailchimp.

Social Icons

To add social icons, drag the “Simple social icons” widget into the the “Instagram Menu” area.  Set the background AND background hover color on them to White or #FFF and pick any color you like for the actual icons. Set the size of the icons to 24 and set all of the borders to 0. To set it up exactly like the demo, you will find a file named INSTAGRAM PAGE SOCIAL SETTINGS inside your theme folder that will show a screenshot of how we set them up with the color codes.

Once you are done with the colors, scroll down and add your URL’s to the social media sections just like you done with the previous simple social icons widget you set up on your main blog. Hit Save!  Your instagram page should now be set up!

Adding Other Widgets

You can add other widgets to this page such as a welcome image, feel free to play around with different widgets if you wish to add anything else!

Now head over to the instagram page you created, grab the URL, add it to Instagram and check out just how amazing it looks!  

Set Up Instructions V12

Congratulations on Purchasing your new theme!

You will need the genesis framework to use this theme, if you don’t already own it, click here to download it, make sure to UPDATE the genesis framework as soon as you install it.

First of all, unzip the file you downloaded to your computer (not the genesis framework, the theme you purchased), all of your theme files are inside.

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.

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

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

NOTE: (If you are using a mac or safari and you can’t find the genesis.zip file after downloading it and it’s showing you a variety of different files instead of one zip file, you will need to disable safari automatically unzipping your files and redownload genesis. Click here to learn how to disable that feature.)

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

Next, upload your theme, when you purchased your theme you should have downloaded a zip file, unzip that file and inside it is your wordpress theme and all of the extras.  Your theme file should be named something like themename-tinselpop.zip and it’s in a zip file.  Upload that and activate it.

Step 2: 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”.

Step 3: Set up your navigation menu

First of all, you will need to have your pages and categories 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 allows you to add social media icons (which we will explain later on) and the secondary menu allows you to add more pages and categories.

This theme uses only the secondary navigation menu section for pages and categories, so when you create your menu, make sure to only check the “Secondary Navigation Menu” section.

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

Step 4: Set up your widgets

First of all, install your plugins located in the plugins folder of your theme files that you downloaded from us. If you are unsure how to add plugins and install widgets, read the following tutorials –

How to upload and update Plugins

How to add Widgets to wordpress

Social Media Icons 

Upload and update the Simple Social Icons plugin in your theme plugins folder, navigate to appearance widgets and drag it to the section named “Nav Social Menu”.

In your theme folder, you will find a PDF  file with the social settings information for your theme, it will give you the color codes and icon sizes needed for your icons.  You need to add this information into the box that shows up and makes sure it’s exactly the same.

Once you have your colors and icon sizes set up, scroll down a bit and add the links to your social media sites into the spaces provided.

Make sure to add http:// 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.

Once you have set those up, go to appearance > Menus and create a new menu (do not add any pages or categories), assign it to the primary navigation menu section and hit save.

If you would like your icons in the sidebar instead or as well as in the nav menu, do the same as above but drag the widget or another simple social icons widget to the primary sidebar area.

Adding a Search Box to the Navigation Menu

Go to Appearance > Widgets and drag the search widget into the header left widget area, do not give it a name or it won’t look correct.  Hit Save.

Adding a Welcome Image

Locate the plugin named “Image Widget” in your plugins folder and upload it. Navigate to appearance > widgets

Drag the widget titled “Image Widget” over to the “Primary Sidebar Area” and set it up like below, then hit “Save”. I recommend a size of 300 x 300px for image widgets.

Add an instagram widget to the Top or Bottom of your blog

Upload the plugin, “Instagram Feed” from your theme plugins folder, activate it.

Then 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 log in and get my access token and ID, authorize it then it will take you back to wordpress.

Copy the access token and ID that has shown up into the boxes below where it says “Access token and Show Photos from – User id”.

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.

Next click on “Display Your Feed” which is right next to the customize button.

Copy the code in the box that looks like this –

Click on “Appearance > Widgets” and drag a “Custom HTML” widget into the widget area that says Instagram Feed, paste the shortcode from above into that area then hit save.  Your instagram feed should now show up perfectly at the top, (Note: set your instagram to public, if it’s private images won’t show up.)

Social Share buttons at bottom of posts

Upload the plugin named “Genesis Simple Share” and activate it. Next, navigate to Genesis > Simple Share

In the page that opens up, make sure the settings look exactly like they are shown below, then hit “Save”.

Pinterest Widget

Install, activate and if needed up date the GS Pinterest Portfolio Plugin from your plugins folder.

Click On Appearance > Widgets, drag the GS Pinterest Profile Widget (There are 4 different widgets make sure it’s the profile one) into the primary sidebar area.  Set it up like the screenshot below but change the username to your pinterest username.

Subscribe, facebook and twitter Widget

Make sure Jetpack is installed and activated. (Click here for a tutorial on activating jetpack).

Drag the subscriptions widget, facebook widget and twitter widget into the primary sidebar area, set them up as you wish or for facebook and twitter, here’s a screenshot of the demo settings (replace url’s and usernames with your own).

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.

Step 5: Genesis Theme Settings

To set up your posts so they show a “Read More” button and a featured image like the example template, click on Genesis > Theme Settings > Content Archives.

Change your Content Archive settings so they look exactly like the screenshots below.

When you create a new post you must set a featured image for your theme to show up like the demo, there is no specific featured image size, images will stretch to fit the section.

Step 6: Install your slider

Step 1

Go to Plugins > Add New and Locate “Genesis Responsive slider” in your theme plugins folder, upload it and activate it.

Step 2

Go to Appearance > Widgets and drag the “Genesis Responsive Slider” Widget into the “Home Slider” Area, It should look like this: –

Don’t give it a title, just hit “Save”.

Step 3

Click on Genesis > Slider Settings and set up your slider the exact same way as shown below, make sure everything is the same.

Hit Save!  Congratulations, your slider is now installed!

Featured Categories

Featured Categories Widget

Install the plugin in your plugins folder named “Widget Context” and activate it. This will ensure that the featured posts widget only shows up on your homepage.

The Featured Categories widget is designed to show on your homepage underneath your header and bottom navigation menu.  If set up correctly it will show 3 posts, you can choose to display all categories or an individual category.

Go to Appearance > Widgets and drag the widget “Genesis Featured Posts” into the “Category Top” widget section.  Set it up like below (If you want to feature an individual category, select it from the Category menu on the widget instead of selecting “All Categories”.  Also make sure to have a featured image on each post so it shows up correctly.

Once you are done, 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.)

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.

 

Set Up Instructions V11

Congratulations on Purchasing your new theme!

You will need the genesis framework to use this theme, if you don’t already own it, click here to download it, do NOT update the genesis framework until you have followed all steps below and completed the set up. Once you have completed everything below, go make sure to update it!

First of all, unzip the file you downloaded to your computer (not the genesis framework, the theme you purchased), all of your theme files are inside.

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.

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

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

NOTE: (If you are using a mac or safari and you can’t find the genesis.zip file after downloading it and it’s showing you a variety of different files instead of one zip file, you will need to disable safari automatically unzipping your files and redownload genesis. Click here to learn how to disable that feature.)

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

Next, upload your theme, when you purchased your theme you should have downloaded a zip file, unzip that file and inside it is your wordpress theme and all of the extras.  Your theme file should be named something like themename-tinselpop.zip and it’s in a zip file.  Upload that and activate it.

Step 2: 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”.

Step 3: Set up your navigation menu

First of all, you will need to have your pages and categories 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 the top menu above your header, so set it to primary navigation. If you wish to use a secondary navigation menu below the header area, create a new menu and set the new one to secondary Navigation Menu.

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

Step 4: Set up your widgets

First of all, install your plugins located in the plugins folder of your theme files that you downloaded from us. If you are unsure how to add plugins and install widgets, read the following tutorials –

How to upload and update Plugins

How to add Widgets to wordpress

Social Media Icons 

Upload and update the Simple Social Icons plugin in your theme plugins folder, navigate to appearance widgets and drag the Simple Social Icons plugin into the Primary Sidebar widget area, remember you can drag and drop your widgets to rearrange them once you have them all set up!

In your theme folder, you will find a PNG file named SOCIAL ICON SETTINGS for your theme, it will give you the color codes and icon sizes needed for your icons.  You need to add this information into the box that shows up and makes sure it’s exactly the same.

Once you have your colors and icon sizes set up, scroll down a bit and add the links to your social media sites into the spaces provided.

Make sure to add http:// 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.

Adding a Welcome Image

Locate the plugin named “Image Widget” in your plugins folder and upload it. Navigate to appearance > widgets

Drag the widget titled “Image Widget” over to the “Primary Sidebar Area” and set it up like below, then hit “Save”. I recommend a size of 300 x 300px for image widgets.

Add an instagram widget to the Top or Bottom of your blog

Upload the plugin, “Instagram Feed” from your theme plugins folder, activate it.

Then 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 log in and get my access token and ID, authorize it then it will take you back to wordpress.

Copy the access token and ID that has shown up into the boxes below where it says “Access token and Show Photos from – User id”.

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.

Next click on “Display Your Feed” which is right next to the customize button.

Copy the code in the box that looks like this –

Click on “Appearance > Widgets” and drag a “Custom HTML” widget into the widget area that says Instagram Feed, paste the shortcode from above into that area then hit save.  Your instagram feed should now show up perfectly at the top, (Note: set your instagram to public, if it’s private images won’t show up.)

Social Share buttons at bottom of posts

Upload the plugin named “Genesis Simple Share” and activate it. Next, navigate to Genesis > Simple Share

In the page that opens up, make sure the settings look exactly like they are shown below, then hit “Save”.

Pinterest Widget

Install, activate and if needed up date the GS Pinterest Portfolio Plugin from your plugins folder.

Click On Appearance > Widgets, drag the GS Pinterest Profile Widget (There are 4 different widgets make sure it’s the profile one) into the primary sidebar area.  Set it up like the screenshot below but change the username to your pinterest username.

Subscribe, facebook and twitter Widget

Make sure Jetpack is installed and activated. (Click here for a tutorial on activating jetpack).

Drag the subscriptions widget, facebook widget and twitter widget into the primary sidebar area, set them up as you wish or for facebook and twitter, here’s a screenshot of the demo settings (replace url’s and usernames with your own).

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.

Step 5: Genesis Theme Settings

To set up your posts so they show a “Read More” button and a featured image like the example template, click on Genesis > Theme Settings

Change your Content Archive settings so they look exactly like the screenshots below.

When you create a new post you will need to set a featured image for your theme to show up like the demo, there is no specific featured image size, images will stretch to fit the section.

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

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

Click Here and learn how to set this up!