• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » How To Customize Your WordPress Themes » Foodie Pro Classic Tutorials

    How to Configure the Foodie Pro Classic Home Page

    Note: we highly recommend setting up the Modern Homepage using the Feast Plugin instead. The theme homepages have a number of issues as outlined here.

    Foodie Pro Classic uses a "widgetized" home page template to accomplish the flexible layout that shows recent and/or featured posts in full-width or grid format. This means that you'll configure your homepage using the Appearances -> Widget screen.

    The "Foodie Pro - Featured Posts" widget used to create these sections of posts is built-in to the theme, so there's no need for an additional plugin. Once you add widgets to the "Homepage Top", "Homepage Middle" and "Homepage Bottom" widget areas, the theme automatically enables the widgitized home page.

    Note: Instead of following this tutorial, we recommend you follow the instructions to Import the Foodie Pro Widgets to import the pre-configured widgets in your theme files: sample-data/foodieprowidgets.ie

    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:

    Homepage: Top

    Foodie Pro Homepage Top Widget

    If you don't want to show an image that you've embedded into the post on the homepage, change the "Show Image" section to "Don't Show an Image".

    Also: Add an h1 to your homepage

    Excerpts - Read More

    In order to get your Homepage: Top 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:

    Note: We've stopped recommending the "read more" tag as of 2019, and no longer support it. See: why we don't support the read more tag.

    Food food blogs, we recommend only displaying the featured image and post title on the homepage and category pages. This makes the website much more user-friendly on mobile devices, which make up approximately 80% of all pageviews.

    Homepage: Middle

    The Homepage: Middle is designed exclusively for the Genesis eNews Extended widget. Do not add featured posts here.

    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 find our full write-up at How to set up the Genesis enews widget.

    Here's the plugin info page where you can read about installation and get support: https://wordpress.org/plugins/genesis-enews-extended/

    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.

    Homepage: Bottom

    The Home Bottom widget 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:

    One Half Grid Display Settings:

    Note: we actually recommend using Content Type: No Content now. Visitors should be able to discern whether a recipe post is what they're looking for based on the featured image + post title alone.

    One Third Grid Display Settings:

    One Fourth Grid Display Settings:

    One Sixth Grid Display Settings:

    Why isn't there any pagination?

    Pagination of the homepage (eg. unfiltered blog posts) is an outdated concept, no longer recommended or support as of 2020. This is not how people use the internet anymore.

    Instead, you should be creating proper category pages, and using a proper site structure.

    Primary Sidebar

    How To Customize Your WordPress Themes

    • How to Create Multiple Recipe Index Pages
    • How to Set a Favicon
    • Plugins to Install
    • How to Change the Header Size
    • How to Change the Background Color of the Genesis eNews Widgets
    • Font Size for Food Blogs
    • Why is troubleshooting so complex?
    • How to Launch Your Food Blog
    • Add a Before Entry Widget Area
    • Recipe Index: Content Configuration (Cravings Pro + Seasoned Pro)
    • How Do I Set Up My Navigation Menu?
    • Can I Use Multiple Recipe Index Pages?
    • How Do I Update the Theme Version? (without the Feast Plugin)
    • Remove Search Box from Navigation Menu
    • How to Add the Visual Category Page Index
    • Customization Library
    • Setup a secondary navigation menu
    • How to clear your cache
    • Troubleshoot Plugin Conflicts
    • How to Add the Featured Posts Category Index
    • Food Blog Home Page Pagination
    • Cravings Pro Theme: Setup Your Navigation Menu
    • Why we're not supporting Gutenberg Oversized Images
    • Install Theme, and Import Demo Content and Widgets
    • How to change change your footer
    • Seasoned Pro Classic Tutorials
    • Manually Disable Google Fonts
    • Image Alt Tags
    • Why we don't support the read more tag
    • Pinterest for Food Bloggers
    • How to Create Multiple Recipe Index Pages
    • WordPress Settings
    • Foodie Pro Classic Tutorials
      • Foodie Pro 3.0 FAQ
      • How to Configure the Foodie Pro Classic Home Page
      • How Can I Update to Version 3.0?
      • How to Configure the Foodie Pro Recipe Index
      • How to Add a Logo to Foodie Pro 3.0
      • Configure the Foodie Pro Footer Widgets
      • Adding Social Icons to Foodie Pro Navigation Menu
      • How to Change the Header Size in Foodie Pro 3.0
      • Custom Fonts with Foodie Pro
    • Brunch Pro Classic Tutorials
    • Cook'd Pro Classic Tutorials
    • Cravings Pro Classic Tutorials
    • All About Featured Images
    • FAQ for All Themes
    • Add Google Analytics Tracking Code
    • Customization Referrals
    • Genesis Child Themes
    • Enable SSL for HTTPS on your Food Blog
    • How to Start a Food Blog
    • Set Up Your WooCommerce Shop
    • The parent theme could not be found. You will need to install the parent theme, genesis, before you can use this child theme
    • Food Blog Theme Features Comparison
    • Translation + Multi Language Support
    • Use Inspect Element to troubleshoot styles

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.