Demos, FAQs, Tutorials and How-tos for the Foodie Pro WordPress Theme.
Note: Updating from a previous version to the most recent version is like installing a new theme altogether, requiring customizations to be redone.
Before starting, read the tutorial on How to launch a food blog.
Below are all the tutorials on getting your new theme set up to appear like our demo.
Setup:
- Install and Import Demo Content
- Configure the Home Page
- Adding Social Icons to Your Navigation Menu
- Add a logo
- Configure the Footer Widgets
- Configure the Recipe Index
- Configuring the Category Pages
- How to set up the "Genesis - User Profile" sidebar widget
- How to set up the navigation menu
- Run the regenerate thumbnails plugin
- Remove the "website" field from comments to help avoid spam
- If you're new to WordPress, take the Yoast FREE WordPress Training course (highly recommended)
Also, see:
- Foodie Pro FAQ
- How Can I Update Foodie Pro?
- Use the Code Snippets Plugin to customize your theme (do not edit theme files)
After-Setup
These aren't required for getting your theme set up like the demo site, but are things you should do to set yourself up for success:
- MANDATORY: Review the Google SEO Starter Guide
- Especially the "best practices" and "avoid" tips under each section
- How to Add Content to the Category Pages
- Optimize your food blog for search engines
- Expand your functionality with the Feast Plugin!
- How to set a Favicon
- Update your author bio in Entry Meta (above content)
- Remove the Entry Meta (below content)
- How to use alt text for images (Posts + Pages only)
- Understanding food blog site structure
- Add Google Analytics Tracking
- Use the Code Snippets Plugin to customize your theme (do not edit theme files)
Image sizes you need to know
These are the recommended image sizes you need to know for the theme:
- Featured images: 1200 x 1200 px
- The featured image is what is used to generate thumbnails for the home page and category pages
- Post content: 720px width minimum (any height is fine)
- For future proofing, uploading 1200px or 1440px width is a good idea, but this will take up additional disk space on your host
- Pinterest/Social: ask your plugin provider (Tasty Pins, Social Pug)
- Recipe card: ask your plugin provider (WPRM, Tasty Recipes)
- Sidebar: 300px desktop, 360px mobile
- Footer:
- Full width (mobile): 360px
- Full width (desktop): 1400px
- One Half (desktop): 380px
Images for recipe cards, and social platforms are outside the scope of the themes. They require dedicated plugins to manage because of how frequently they're updated.
How do I write a recipe post?
One of the most frustrating things we hear from bloggers is that their content doesn't rank well. There's a lot of reasons for this, but the most prominent is that their content is simply not high enough quality.
We've detailed how to write a high quality recipe post in the anatomy of a recipe post, and we highly recommend reviewing the quality rater guidelines for recipe pages.
Customization Tips for Foodie Pro
Please note that while we’ve added these resources due to the high number of requests that we’ve received that we are unable to troubleshoot issues that arise due to customizations.
- Custom Fonts with Foodie Pro
- How to Change the Header Size in Foodie Pro 3.0
- Editing CSS, colors, fonts and whitespaces
- Set Up Your WooCommerce Shop with Genesis Connect
Ads
Where can I place ads in Foodie Pro?
You can place ads in the Foodie theme using the custom HTML widgets in the primary sidebar, after entry (below the posts on single post pages), and footer 4 widget areas. If you take a look at the demo site you'll see we've placed the sale banners in the sidebar and footer 4 widget areas, this is the same setup you could use for your own site. You could also work directly with an ad company that could assist you in placing ads in other places.
Version Updates
What's new in the releases? Check out the Foodie Pro theme page for update notes.