Congratulations on Purchasing your new theme!
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 from your theme folder.
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 (there are only two zip folders, one for genesis and one for your theme), 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”.
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”.
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 1140px wide by 420px tall for it to show up correctly and if you have a theme using a slider you will also need to do this with that exact width and height for your slider.
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!