WORDPRESS THEME
INSTALLATION GUIDE
Thank you for your purchase of the Emma Lake WordPress Theme!
Following is the installation guide to help you set up.

Once youโve downloaded your purchase, youโll find these files inside:
- blogpixieemmalake.zip (do not unzip)
- genesis.zip (do not unzip)
- Installation-Guide-EmmaLake.pdf
If your computer is automatically unzipping files when you download them (can happen if using Safari on a Mac), please see these instructions.
IMPORTANT
If you have Bluehost – make sure the Bluehost Website Builder plugin and theme are deleted before you start. You can find these in Appearance > Themes, and in the Plugins section. You can ask Bluehost to remove them. Their website builder will cause your site to crash as soon as you upload a custom theme.

You will need to follow the instructions step-by-step to install the theme successfully.
Steps To Follow
1. Install Genesis
2. Install Theme
3. Install Plugins
4. Regenerate Thumbnails
5. Add Your Header Image
6. Set Up Your Menu
7. Set up Slider / Enews section
8. Set Up Your Side Bar
9. Add Your Instagram Feed
10. Add Contact Form
11. Set Up Related Posts
12. Remove Genesis Footer
1. Install Genesis
Firstly you will need to install the Genesis Framework. In your WordPress menu go to Appearance > Themes > Add New > Upload Theme. Upload the genesis.zip file. Do not activate it.
2. Install Theme
To install your theme, do the same steps above (Appearance > Themes > Add New > Upload Theme) and upload the blogpixieemmalake.zip file. Once uploaded, you can activate this one!
Next, in your WordPress menu go to Dashboard > Updates and update Genesis so that you have the latest version.
3. Install Plugins
Following are the Plugins youโll need to install and activate to run with your theme. Go to Plugins > Add New > then use the Search bar to search the names of the ones mentioned below. For each one, click โInstall Nowโ then โActivateโ.
Contact Form 7 โ You can add a contact form to your Contact page.
Image Widget (the one by “The Events Calendar”) โ Used for your side bar profile pic.
Smash Balloon Social Photo Feed โ Display your Instagram feed.
Jetpack by WordPress.com โ Used for the related posts.
Portfolio Post Type โ Enables a portfolio post type and taxonomies.
Regenerate Thumbnails โ Regenerate the thumbnails of your images.
Simple Social Icons โ Add social media icons to top menu and side bar.
Genesis Responsive Slider โ Add the slideshow to your homepage.
Genesis Enews Extended โ To add the mailing list subscribe option
4. Regenerate Thumbnails
If your blog is brand new / doesnโt have any images then you can skip this step!
If you have existing images on your website, your images donโt know yet that they are supposed to be using the new image sizes of your new theme. Youโll need to resize your images using the Regenerate Thumbnails plugin so they can have the same size as the images shown in the demo,
- Go to Tools > Regenerate Thumbnails.
- Click Regenerate Thumbnails for All Attachments
- Do not exit the page until the process has completed 100%
5. Add Your Header Image
This theme has the option to upload a header image or to have your blog title and tagline displayed in the text shown on the live demo.
To Use Your Own Image: Go to Appearance > Header and click Add New Image. Upload your header image / logo. It will need to be 1135px by 175px.
If you already have a logo and itโs a different size, simply use Canva to create a new design at custom dimensions of 1135ร175. Add your logo image onto the background and save to upload.
To Use The Default Text: Fill out your site title and tagline at Settings > General.

6. Set Up Your Menu
Page Links + Categories
Before creating your menu, make sure youโve created some pages first. In your WordPress menu go to Pages > Add New and create your first page (eg. About). Give it a title and some content. Repeat for each page you need.
If youโd like the Categories drop down in your menu, youโll need to make sure youโve created some by going to Posts > Categories and add your categories there.
If youโve done neither of these things above, youโll have nothing to add to your menu yet.
Creating Your Menu:
1. Go to Appearance > Menus
2. Give your menu a name (eg. โMain Menuโ) and click Create Menu
3. Add the pages/categories you want to have in your menu.
4. Under Menu Settings (at the bottom of the page), select โPrimary Navigation Menuโ
5. Click โSave Menuโ
To create your Home link:
In the left under Pages, click โView Allโ and youโll find the Home link to add in.
To add your pages:
In the left under Pages, the pages you have created will be there to select from. Select what you want to add to your menu and click the โAdd to Menuโ button.
To create a drop down, eg Categories:
- Add a custom link to your menu (give it the title โCategoriesโ and link it to your blog URL)
- Add your Categories to your menu (you can select them from the left side), eg. Beauty, Lifestyle, Personal
- Make sure the Categories (Beauty, Lifestyle, Personal) are sitting just under the Categories title, then drag each of them slightly to the right and you will see them snap lock to be sitting underneath Categories but off to the right (see image below). This means these words will drop down under the title thatโs sitting above them.
- Click Save Menu

Social Media Icons
Go to Appearance > Widgets and click the drop down arrow on the Nav Social Menu section. Drag the Simple Social Icons button from the options on the left into the Nav Social Menu section.

Add your URLS for all the social accounts you have and click save.
Categories Menu
This menu will appear at the top of your website. You will need to make sure youโve added some Categories for your blog by going to Posts > Categories.
Repeat the โCreating Your Menuโ steps above, give it another name (eg. Categories Menu) and select โSecondary Navigation Menuโ.


7. Set Up Slider / Enews Section
Now you need to set up your homepage slider, custom HTML box, featured boxes and enews widget.

In your WordPress menu go to Appearance > Widgets. Find the section called โBefore Contentโ.
Drag the widgets from the left into this section in the same order as shown below.

Genesis – Responsive Slider:
1. Go to Genesis > Slider Settings
2. Configure your slider as below:

Custom HTML:
You will need an account on Rewardstyle or Shopstyle to be able to add a product widget.
Give this widget the title Loving Lately and paste in one of your affiliate widget codes.
You can find further instructions here.
Genesis โ Featured Page: You will have added 3 of these widgets to the โBefore Contentโ section. Each one can link to a different page of your blog
You need to make sure youโve already created some pages (go to your WordPress menu and click Pages) and set a featured image for each one (as youโre creating a new page, see the featured image section to the right of the page editor where you will need to upload an image).
You can use plain colored images, or you can use photos. If you would like the same colored boxes as shown in the demo, please download that image to use here.
Give them the settings as below but choose a different Page for each one:

Genesis Enews:
Your followers can subscribe to your mailing list. You will need to know how to find your โForm Action URLโ of the Mailing List provider that you use, to be able to add this in.
If you use Mailchimp (highly recommended), google โhow to find Form Action Mailchimpโ.
Once you have your Form Action URL, fill out the info as below:


8. Set Up Your Side Bar
In your WordPress menu go to Appearance > Widgets. This section shown below is your side bar. You can add the following widgets into this section (drag them from the left into the Primary Sidebar box). Remove any unnecessary widgets that were already sitting in there.

Image Widget: This is your profile pic and bio. Upload a square profile pic (it will change to a circle). In the โsizeโ drop down, select โprofile-picโ.
Add this code to the โCaptionโ section and replace with your info.
This is where you write a short bio about yourself. Let your readers know who you are, where you're from and what your blog is about.
<a class="more-link" href="http://YOURABOUTMEPAGELINK">About me</a>
Save the widget.
Simple Social Icons: Fill out your social URLs again.
Search: Add a title if needed (eg. โSearch The Blogโ)
Custom HTML: Add a Custom HTML widget. Give it the title Pinterest. Add in the following code and replace YOURUSERNAME with your Pinterest username.
<center><a data-pin-do="embedUser" data-pin-board-width="280" data-pin-scale-height="280" data-pin-scale-width="80" href="https://www.pinterest.com/YOURUSERNAME"></a></center>
<script async defer src="//assets.pinterest.com/js/pinit.js"></script>
Custom HTML: Here is where you can paste the code for a Google Adsense ad (instructions here) or an image link for any sponsors you may have.

9. Add Instagram Feed
1. To add your Instagram feed to your websiteโs footer, in your WordPress menu go to Instagram Feed and connect your account
2. Go to the Customize tab and configure as below:

In your WordPress menu go to Appearance > Widgets and find the Footer 1 section. Drag a Custom HTML widget into that section and in the content box type the following code:


10. Add Contact Form
To add a contact form to your Contact Page (assuming youโve already created a page with the title โContactโ in the Pages section):
1. In your WordPress menu go to Contact > Add New.
2. Enter a title for your contact form.
3. Go the Mail tab and make sure the โTo:โ email is your email address.
5. Save your contact form.
6. Copy the shortcode of your contact form and paste it into your Contact page.

11. Set Up Related Posts
If you don’t complete this step you will see a jetpack-related-posts code on your blog.
- In your WordPress menu go to Jetpack and click Setup Jetpack
- Connect your WordPress.com account (if you donโt have one, create one)
- Skip the next steps until it gets to the prices page. Down the bottom click โStart With Freeโ. Close the page.
- In your WordPress menu go to Jetpack > Settings > Traffic
- Turn on the related posts options

12. Remove Genesis Footer
With the new Genesis update, they add some text to your footer that isnโt needed. To remove it, in your WordPress menu go to Appearance > Customize > Theme Settings > Footer. Delete all the coding from the box and re-publish your blog.
Extra Things To Know
Changing Color
To change the main color of your theme, go to Appearance > Customize
To change the color of the social media icons, go to Appearance > Widgets and youโll find the color options in the Simple Social Icons widgets that youโve added.
Site Icon
To add your own site icon (little square pic that shows up at the top of your web browser when youโre visiting your site), go to Appearance > Customize > Site Identity.
Homepage Display
For everything to look correct, go to Settings > Reading and choose to show the “Latest Posts” (not a static page).
Number of Posts
To set how many posts you want to be displayed on your homepage go to Settings > Reading and set the number for โBlog Pages To Show At Mostโ. I recommend 5 posts.
Add Your Copyright to Footer
PLEASE NOTE: You must keep the theme credit link to Blog Pixie in the footer of your blog as per the license of the product.
Go in your WordPress menu to Appearance > Theme Edit. Select the functions.php link on the right.
Scroll to the bottom of the coding page. Just before it says โTheme byโ, type your blog title or name and | or โ
So it should say Your Blog Title | Theme by
Click โUpdate Fileโ at the bottom.