Eleanor - Homepage Setup

Overview of Eleanor homepage widgets

STEP 1: CONFIGURE PAGES

If you imported the demo content, the Home and Blog pages will have already been set up for you, so you can skip step 1.

1. In your Wordpress dashboard, go to Pages > Add New. Name the page “Home.” Scroll down and find Layout Settings. Select the Full-Width layout (the rightmost option) and then publish the page. Add another new page and name it “Blog” and publish the page.
2. Go to Wordpress > Settings > Reading. Under Front Page Displays, choose “a static page.”

3. For the Posts Page, choose the “Blog” page you created. For the Front Page, choose the “Home” page you created.  Save changes.

STEP 2: IMAGE SLIDER

The Eleanor slider uses images sized 1100 x 500px. For best results, we recommend that you crop your slider images to this size before uploading them (you can do this in Photoshop or a free program like Pixlr).

1. Install and activate the  Meta Slider plugin. Once installed, click the Meta Slider tab in the left column of your dashboard.
2. Click the “+” to create a new slider.
3. Upload your images.
4. Configure your settings as seen here:

5. Once your slider is created and saved, go to Wordpress > Appearance > Widgets.
6. Drag the Meta Slider widget into the  Home Slider widget area. Select the slider you created, and then hit Save. 

STEP 3: Welcome Section

  1. In your Eleanor theme file, go to the Custom Codes folder and open the “welcome- section” file. Copy all of the code.
  2. Go to Wordpress > Appearance > Widgets. Drag a Custom HTML widget into the Welcome Section widget area. Paste the code in the text box.
  3. Change the text, button text, etc to fit your site. Insert your own image URL into the righthand column. Save. 

STEP 4: Featured Products

Only available if you have a  WooCommerce shop installed.

  1. Go to Wordpress > Appearance > Widgets. Drag the “WooCommerce Products” widget into the Home Section 1 widget area.
  2. Set the number of posts to show to 3. Save.

STEP 5: Subscription Widget

The "Become an Insider" subscription widget in the Eleanor theme uses  Genesis eNews Extended. To learn how to configure this plugin, click here.

Go to Appearance > Widgets. Drag the Genesis eNews Extended widget into the  Home Section 2 widget area. Configure the widget how you would like, and then save. 

STEP 6: Custom Pricing Table

  1. In your Eleanor download file, go to the Custom Codes folder and open the “pricing-table” file. Copy all of the code.
  2. Go to Wordpress > Appearance > Widgets. Drag a Custom HTML widget into the Home Section 3 widget area. Paste your code in the text box.
  3. Fill in your own information for each column of the pricing table. Save. 

STEP 7: Featured Blog Posts

  1. Go to Wordpress > Appearance > Widgets. Drag the Genesis Featured Posts widget into the Home Section 4 widget area.
  2. Configure the settings as seen here: