Homepage Layouts
Five homepage layouts — Grid, Masonry, Magazine, List, and Featured. Switch between them in the Customizer in one click.
The Pro plugin adds five homepage layouts, each tuned for a different style of food blog. Switch between them at Appearance → Customize → Homepage → Layout Style. Changes preview live before you save.
Grid (default)
The same editorial grid that ships with the free theme: 3 columns on desktop, 2 on tablet, 1 on mobile, with every fifth post promoted to a wider featured card. Best for: most sites, especially ones with strong photography.
Masonry
Pinterest-style staggered tiles. Posts with portrait images get tall cards; landscape images get short cards; the layout flows around them organically. Best for: photo-heavy blogs, Instagram-driven brands, sites where every recipe has multiple plating shots.
Magazine
One large featured post on the left, four secondary posts in a sidebar on the right. Below: a standard grid of remaining posts. Best for: editorial sites, sites with seasonal "issues", food magazines.
List
Wide rows. Image on the left (40% width), title and excerpt on the right. Cook time and servings render below the title. Best for: sites where the recipe story matters as much as the photo, long-form blogs, recipe collections organized by series.
Featured
A massive hero post taking the full width, followed by a 3-up grid of recent posts below. Best for: sites that want a strong "today's recipe" or "what we're cooking this week" hero, blogs with high-quality featured photography.
Switching layouts
You can switch as often as you like — the data is the same, only the rendering changes. We recommend trying each for a week or two before settling on one. What looks great in the Customizer preview might feel different to your real readers on real devices.
Custom layouts
If none of the five fit, you can override any layout in a child theme. Copy the file from wp-content/plugins/food-recipes-pro/layouts/{layout}.php into your child theme's root, then customize. The Pro plugin's FRPro_Layouts::override_template() filter respects the WordPress template hierarchy.
See Child Themes for the full setup.