Eleanor Theme

The Eleanor Documentation

Unzip the theme file. Visit your Wordpress dashboard. Click on Appearance > Themes > Add New > Upload Theme > Upload the Genesis.zip file and click activate. Then upload the Eleanor.zip file and click activate.

Required Plugins

Click on Plugins > Add New > Install the following plugins: Animate It!, Contact Form 7, Featured Custom Post Type Widget for Genesis, Genesis eNews Extended, Jetpack, MouseWheel Smooth Scroll, Portfolio Post Type, Regenerate Thumbnails, Simple Social Icons, Testimonial Rotator, Widget Importer & Exporter, Woocommerce, and Genesis Connect for Woocommerce. Click activate on both plugins.

Add Navigation Menu

Click on Pages > Add New and create your desired pages.

Click on Appearance > Menus > Create a new menu consisting of your pages. Check to display it as the primary navigation menu. Click save.

Add Social Icons

Click on Appearance > Widgets and drag the Simple Social Icons to the widget titled Navigation Social Icons. Customize your social icons to your preference.

Front Page

Option #1: Blog Page

Should you choose to display your most recent blog posts on your front page, follow these steps. (Wordpress will usually display your most recent posts on the front page by default.) Click on Settings > Reading and select Your Latest Blog Posts under Front Page Display.

Option #2: Customized Front Page

Click on Pages > Add New Page and create a page titled Blog. Click Publish.

Click on Pages > Add New Page and create a page titled Homepage. Set the template to Front Page Template and click Publish.

Click on Settings > Reading and under Front Page Display, select "homepage" for your homepage and "blog" for your posts page. Click save.

Front Page - Widget 1

Add a new text widget to the widget section titled Front Page - Widget 1. Copy and paste the following into the widget and click save.

<div style="background-image: url('http://www.yourimagehere.jpg');">
<div>
<div>Your Title Here</div>
<div>Your Subtitle Here</div>
<div>Your Description Here</div>
<center><a href="http://www.yourbloghere.com">All About Eleanor <i aria-hidden="true"></i>
</a></center></div>
</div>

Front Page - Widget 2

Add a new text widget to the widget section titled Front Page - Widget 2. Copy and paste the following into the widget and click save.

<div>
<div><img src="http://www.yourpicturehere.jpg" /></div>
</div>
<div>
<div>Your Name</div>
<div>Second Name</div>
<div>

Your biography text here.

<a href="http://www.yourwebsitehere.com">Read more <i aria-hidden="true"></i>
</a>

</div>
</div>

Front Page - Widget 3

Add the Featured Custom Post Types for Genesis widget to the widget section titled Front Page - Widget 3. Follow the instructions below.

Add the Genesis eNews Extended widget to the widget section titled Front Page - Widget 3. Follow the instructions below.

Front Page - Widget 4

Add the Products widget to the widget section titled Front Page - Widget 4. Follow the instructions below.

Front Page - Widget 5

Add the Testimonials Rotator widget to the widget section titled Front Page - Widget 5. Follow the instructions below.

Front Page - Widget 8

Add the Featured Custom Post Types for Genesis widget to the widget section titled Front Page - Widget 8. Follow the instructions below.

Category Index - Widget 1, 2, 3, 4 and 5

Add the Featured Custom Post Types for Genesis widget to the widget section titled Category Index - Widget 1, 2, 3, 4 and 5. Follow the instructions below. Change your settings for each section to display a different blog category, product, or portfolio item.

After Entry

Add the Genesis eNews Extended widget to the widget section titled After Entry. Follow the instructions below. Additionally, you can use this section for a short biography about yourself by using the text widget.

Blog Page - Widget 1

Add the Featured Custom Post Types for Genesis Widget to the widget section titled Blog Page - Widget 1. Follow the instructions below.

Instagram Footer Set Up

Click on Instagram Feed. Follow the instructions to access your Instagram token. Customize your settings via the instructions below.

Click on Appearance > Widgets and drag the text widget to the section titled Footer - Instagram and Subscribe. Follow the instructions below.

Additional Settings

To display entry excerpts instead of the entire post, click on Genesis > Theme Settings and follow the instructions below.

And voila! Feel free to add other widgets and customize as you see fit.

Still need help? Contact Us Contact Us