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 your 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, activate your theme.
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”.
Your image doesn’t automatically come in a circle, it comes in whatever shape you upload it.
Add an instagram widget to the Top 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”.
Subscribe, facebook and twitter Widget
Make sure Jetpack is installed and activated and drag the subscriptions widget, facebook widget and twitter widget into the primary sidebar area, set them up as you wish.
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, the wider the better.
Congratulations! Your new theme is now set up! Since your theme uses the genesis framework you have many different options throughout the theme, click here for some more advanced tutorials!
Step 6: Install your slider
If you have a theme that uses a slider, follow these instructions.
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!
If you have any questions whatsoever please feel free to contact us!