Contents
On this page

Recipe Layouts - Plugixa Recipe

Recipe Layouts PRO change how a whole recipe page is laid out, and how category and cuisine pages list their recipes. There are five layouts: Classic, Magazine, Cook-along, Minimal and Bento. You pick one for the whole site, and a recipe can use a different one. Each layout is a block template, so on a block theme you can change it further in the Site Editor.

Recipe Layouts are part of Plugixa Recipe Pro since version 1.4.0. The free plugin draws every recipe page with the Classic layout.

Choose the site’s layouts

Go to Plugixa Recipe > Settings > Recipe Layouts. The section has two rows of five:

  • Recipe page: the layout of every recipe’s own page.
  • Category and cuisine pages: the layout of /recipe-category/{slug}/ and /recipe-cuisine/{slug}/.

Click a layout, then Save.

The Recipe Layouts section of the Plugixa Recipe settings, with a row of five layout cards for the recipe page and five for category and cuisine pages, each card showing a small sketch of the layout, its name, a one-line description and an Edit link

The section needs the Recipe Layouts app, which is on by default in Pro (Plugixa Recipe > Apps).

The five layouts

Layout Recipe page Category and cuisine pages
Classic Photo beside the title, facts and ingredients; the method below. A three-column grid of cards.
Magazine A full-width cover photo with the title on it, then one long editorial column. The first recipe as a large feature, the rest in a grid.
Cook-along Ingredients stay in view in a column beside the steps while you cook. Wide cards in a list, photo on the left.
Minimal A narrow, centred column with a facts strip: quiet and print-friendly. A compact list with small thumbnails.
Bento A grid of tiles: photo, facts, nutrition and ingredients, then the method. A mosaic of cards in varied sizes.

Every layout draws the same parts of the recipe: the photo and gallery, the facts, ingredients, the method, nutrition, reviews and the rest. Only their arrangement changes. The recipe’s structured data, its title and its address are the same whichever layout you choose.

Recipe page

Classic puts the photo beside the title and the facts, with the ingredients and the method below.

A recipe page in the Classic layout: the photo of a Margherita pizza on the left, the title, description, author, rating and a grid of facts on the right, and the ingredients and method below

Magazine opens with a full-width cover photo with the title on it, then reads as one long column.

A recipe page in the Magazine layout: a full-width photo of the pizza with the category badges, the title in large serif type, the description and the author written on it, and a single column of facts, ingredients and method below

Cook-along keeps the ingredients in a column beside the steps, so they stay in view while the reader cooks.

A recipe page in the Cook-along layout: photo and title at the top, then the ingredients in a narrow left column beside the numbered steps of the method

Minimal is a narrow, centred column with the facts in one strip. It prints well.

A recipe page in the Minimal layout: a narrow centred column with the title, the photo, a strip of facts and the ingredients below

Bento arranges the photo, the facts, nutrition and ingredients as tiles, with the method after them.

A recipe page in the Bento layout: the photo as a large tile beside the title, a grid of small fact tiles, then the ingredients beside the method

Category and cuisine pages

Classic lists the recipes as a three-column grid of cards under the category’s photo and title.

A category page in the Classic layout: a wide photo, the category name Quick & Easy with its description and recipe count, and a three-column grid of recipe cards

Magazine writes the title on the photo and shows the first recipe as a large feature beside the next ones.

A category page in the Magazine layout: the category title written on its photo, the first recipe as a large card, and smaller cards beside and below it

Cook-along lists wide cards, photo on the left.

A category page in the Cook-along layout: one recipe per row, the photo on the left and the title, rating, times and description on the right

Minimal is a compact list with small thumbnails and each recipe’s total time.

A category page in the Minimal layout: a compact list of recipes, each with a small thumbnail, its title, a one-line description and its total time

Bento is a mosaic of cards in varied sizes.

A category page in the Bento layout: recipe cards of different heights arranged in a mosaic

Give one recipe its own layout

Open the recipe in the recipe editor and go to its Page layout section. Same as the site is on by default: the recipe follows the site’s choice in Settings. Switch it off, pick a layout and save the recipe.

The Page layout section of the recipe editor, with the Same as the site switch turned off and five layout cards to pick from, Classic selected

A recipe’s own layout wins over the site’s. Switch Same as the site back on to make the recipe follow the site again.

Change a layout in the Site Editor

On a block theme (Twenty Twenty-Five, for example), each layout is a template in Appearance > Editor > Templates, one for the recipe page and one for category and cuisine pages. The Edit link under a layout card in Settings opens its template in the Site Editor.

The template is made of Plugixa Recipe blocks: the recipe image, title, meta, ingredients, instructions, nutrition, reviews and so on. Move them, remove the ones you do not want, or add your own blocks around them. The editor shows your newest published recipe as the preview.

  • A template edited in the Site Editor is used as edited, for every recipe that uses its layout. Its card in Settings says Edited in the Site Editor.
  • Reset on the card discards your changes and brings the template back to the layout as shipped.
  • A theme can ship its own version of a layout: a template file with the same slug (recipe-single-classic, recipe-archive-bento, …). Your Site Editor copy wins over the theme’s file, and the theme’s file wins over the plugin’s.
  • Editing the layouts in the Site Editor needs WordPress 6.7 or later. On an older version they are drawn as shipped.

Classic themes

On a classic theme, the layouts are drawn between the theme’s own header and footer. You can still pick a layout for the site and for each recipe, but the Site Editor is not available, so a layout cannot be changed further.

Quick Links

Share