Five homepage layouts \u2014 Grid, Masonry, Magazine, List, and Featured. Switch between them in the Customizer in one click.<\/p>\n\n\n\n
The Pro plugin adds five homepage layouts, each tuned for a different style of food blog. Switch between them at Appearance \u2192 Customize \u2192 Homepage \u2192 Layout Style<\/strong>. Changes preview live before you save.<\/p>\n\n\n\n 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.<\/p>\n\n\n\n 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.<\/p>\n\n\n\n Image consistency:<\/strong> Masonry looks best when your featured images vary in aspect ratio. If all your images are uniformly cropped, Grid will look more polished.<\/p><\/div><\/div>\n\n\n\n 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.<\/p>\n\n\n\n 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.<\/p>\n\n\n\n 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.<\/p>\n\n\n\n You can switch as often as you like \u2014 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.<\/p>\n\n\n\n If none of the five fit, you can override any layout in a child theme. Copy the file from Grid (default)<\/h2>\n\n\n\n
Masonry<\/h2>\n\n\n\n
Magazine<\/h2>\n\n\n\n
List<\/h2>\n\n\n\n
Featured<\/h2>\n\n\n\n
Switching layouts<\/h2>\n\n\n\n
Custom layouts<\/h2>\n\n\n\n
wp-content\/plugins\/food-recipes-pro\/layouts\/{layout}.php<\/code> into your child theme’s root, then customize. The Pro plugin’s FRPro_Layouts::override_template()<\/code> filter respects the WordPress template hierarchy.<\/p>\n\n\n\n