Congratulations on Purchasing your new theme!
You will need the genesis framework to use this theme, you can purchase the genesis framework here as stated in the listing description – http://shrsl.com/?gyta
First of all, unzip the file you downloaded to your computer, 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 me, leave a message with your email and your blog title and tagline, if you already done this when purchasing then there is no need to do it again.
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 that you purchased from studiopress.
Activate it and if it asks you to update it, then go ahead and do so.
Next, repeat the steps above but upload the zip folder with your theme name.
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.
Now that your pages and categories have been created, go to Appearance > Menus.
On the page that opens up click on “Create New Menu”
Name your menu whatever you like, then hit the Create Menu button. If your theme has two navigation menu sections (above and below the header), create two menus.
Click Here and watch this video, it will show you an example how to move your pages and categories into each menu and assign them.
The first part of the video shows you how to create your menus and assign them both to each section, the second part shows you how to arrange your pages and categories to have multiple dropdown sections. Open the video in full screen to see it better.
Step 4: Set up your widgets
Adding widgets to wordpress is easy, it’s basically drag and drop, if you are not familiar with add widgets, watch this video, it shows an example, the widgets are on the left hand side and the sections are on the right hand side.
Before you add widgets, install the plugins located in the plugins folder in the theme that you downloaded. Watch this video, it will show you how to install wordpress plugins and activate them if you are unfamiliar.
Once your plugins are installed follow the instructions below for each plugin.
Social Media Icons
Click on Appearance > Widgets like the video showed you above, find the widget called Simple Social Icons and drag it to the section named “Nav Social Menu” if you have a theme that has icons in the navigation menu. If your theme has icons on the sidebar instead, place the widget in the Primary Sidebar Area.
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 like the example above and make sure to add mailto: before your email address with no space like the example shown above.
Once you have everything added and set up, hit “SAVE” at the bottom of the widget.
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 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”.
Add an instagram widget to the bottom of your blog
Upload the plugin, “Enjoy Instagram” from your theme plugins folder.
Then click on “Settings > Enjoy Instagram”
On the page that opens up, click on “Connect your account”
This will connect your instagram account.
Next click on “Appearance > widgets” then drag the widget titled “Enjoy Instagram – Grid” into the Instagram Feed widget section.
Make sure your settings look exactly like above and hit save! (Note: set your instagram to public, if it’s private images won’t show up.)
Instagram widget on Sidebar
Click on Appearance > Widgets and drag “Enjoy Instagram – Grid” into the primary sidebar area. Set it up like the screenshot below.
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”.
Upload the plugin named “Genesis Enews Extended”, then navigate to “Appearance > widgets”. Drag the Genesis Enews Extended widget into the primary sidebar area.
Paste the link to your sign up form like the example below, then hit “Save”.
There are 3 widget areas for the footer section, you can add any widgets to these that you desire. For twitter and facebook we connected jetpack and used the preinstalled jetpack widgets.
Step 6: Install your slider
Go to Plugins > Add New and Locate “Genesis Responsive slider” in your theme plugins folder, upload it and activate it.
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”.
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!
Note: Now that your slider is installed, you will need to set a “Featured Image” for each new wordpress post. For it to show up perfectly on the slider make your image size 1,200px wide by 420px height, I recommend making an image collage on Picmonkey.
Step 6: 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.
Step 7: Set up your category archives page
This step isn’t mandatory for the theme to work and until you have your categories set up and a few posts written up with a featured image on each post then you won’t see much on the page but as you start building your blog it’s a great way for your audience to navigate each category with ease.
Click on appearance > Widgets and open up the Category Index Widget Area.
Drag the widget titled “Genesis Featured Posts” into that widget area and set it up like below but use your own category that you already have set up.
For each category, drag in a new Genesis Featured Posts widget, so if you have 3 categories, drag 3 of the widgets into the widget area and select a different category for each widget but using the same settings.
Once you have your widgets set up, click on Pages > Add New and create a new page named “Categories” or anything you want to call it.
On the right side of your page options change the template to “Category”. Once your page is created, add it to your navigation menu!
Congratulations! Your new theme is now set up! Your theme also supports woocommerce which allows you to add a shop to your blog. Click Here to learn more about woocommerce.
If you have any questions whatsoever please feel free to contact us!