How to Configure the Foodie Pro 3.0 Home Page

Foodie Pro uses a widgetized home page template to accomplish the flexible layout that shows recent and/or featured posts in full-width or grid format. The widget used to create these sections of posts is built-in to the theme, so there's no need for an additional plugin.

The home page widget areas are set up to display recent and featured posts in different ways using the Foodie Pro-Featured Posts widget. You will drag and drop the correct widget to the corresponding widget are and then configure as you wish.  Screenshots show how we have chosen to set things up for the demo site:

Home Top

You may have noticed that the Home Top section on the demo shows an image yet we have configured this widget area with the setting "Don't Show an Image." In order to get your Home Middle to display like the demo please place an image at the very top of your posts and then in the post editor create your own excerpt by inserting the read more tag, which looks like this:

more tag final

Home Middle

The Genesis eNews Extended widget is used to set up your newsletter opt-in. This plugin is designed to be used with a newsletter service such as Mailchimp, Aweber, Mailpoet, or any of the other popular newsletter services.  You can Google "Genesis eNews Extended + whatever service you choose" and there are bound to be some tutorials and videos to guide you in getting that set up.  Here's the plugin info page where you can read about installation and get support: Home Bottom sidebar area can be configured to show one of 5 different options using the Foodie Pro-Featured Posts widget. Please see the Foodie Pro demo site if you need help deciding which setup you'd like to use and then configure as follows:

Home Bottom

One Half Grid Display Settings:

One Third Grid Display Settings:

One Fourth Grid Display Settings:

One Sixth Grid Display Settings:

Why isn't there any pagination?

Because the home page is so flexible, pagination would not work well. We would need to limit the flexibility of the home page in order to add that feature and we chose to stick with flexibility. Your readers should still be able to navigate your site with a well established menu. 

One option to get around this is to add a text link at the bottom of your home page that goes to your blog. Something like this should work well: 

<div align="right"> <a href="">See More →</a> </div> 

If you scroll down a bit on this page you'll see a video tutorial explaining the process:  This video tutorial is for the Foodie Pro theme, but it works the same with Brunch Pro and Cook'd Pro.

Still need help? Contact Us Contact Us