--- title: "How to Create a Food Menu in WordPress?" url: https://nexterwp.com/docs/create-a-food-menu-in-wordpress/ date: 2024-12-11 modified: 2026-09-28 lang: en author: "Aditya Sharma" description: "A menu on a website is a price list with better manners — a photograph, a portion tag, a short description and a price that is easy to find. The..." image: https://nexterwp.com/wp-content/uploads/2024/12/How-to-Create-a-Food-Menu-in-WordPress_-1024x519.jpg word_count: 780 --- # How to Create a Food Menu in WordPress? ## Key Takeaways - Pricing List bloquea un plato por bloque, y un menú de diez platos requiere diez bloques Pricing List apilados, no un repetidor interno. - Style 3 es la única opción que muestra una imagen; en los estilos 1 y 2, elegir una foto no muestra nada ni da aviso. - El campo de etiquetas se separa con una barra vertical: Small|Medium|Large se renderiza como tres etiquetas, mientras que Chef special se queda como una sola. - Box Align no tiene efecto en páginas publicadas; la clase de alineación no se añade al marcado y el bloque usa sus controles normales de alineación y espaciado. A menu on a website is a price list with better manners — a photograph, a portion tag, a short description and a price that is easy to find. The Pricing List block builds one dish at a time, and style 3 is the one that carries a picture. *For every External Form Styler setting in one place, see the [main Pricing List guide](https://nexterwp.com/docs/add-a-pricing-list-in-wordpress/).* [LIVE BLOCK LINK](https://nexterwp.com/nexter-blocks/blocks/wordpress-pricing-list/) ## Before You Start - **Edition:** Free — works in Nexter Blocks (free) and with Nexter Blocks Pro.- **Block to enable:** Pricing List, switched on under **Nexter > Blocks** in your WordPress dashboard.- Your dish photographs already in the Media Library. ## Steps - Add the **Pricing List** block and set **Style** to **Style 3** — the only style with an image. ![The Pricing List block set to style 3](https://nexterwp.com/wp-content/uploads/2026/09/pl-fe-food-style3.webp) - Choose the dish **image** and its shape. - Enter the **title**, **description** and **price**. - Use the **tag** field for portions or labels, separating several with a vertical bar — `Small|Medium|Large` becomes three tags. ![Using the tag field for portion sizes](https://nexterwp.com/wp-content/uploads/2024/12/pricing-list-classic-style-demo.webp) - Style the row once, then **duplicate the block** for every other dish, and group them under headings for each course. > ***One block is one item.** There is no repeater inside it, so a menu of ten dishes is ten Pricing List blocks stacked up, not one block with a list in it. Build the first one, style it, then duplicate it.* ## How It Behaves The Pricing List block is one row of a menu or price list — a tag, a title, a description, a price, and in one of the three styles an image. - **Only style 3 shows an image.** Measured: the same block given the same picture rendered no image at all in styles 1 and 2, and the image in style 3. If you want photographs beside your items, style 3 is the only choice — choosing an image in the other two styles does nothing and gives no warning.- **The tag field splits on a vertical bar.** Measured: `Small|Medium|Large` rendered as three separate tags, and `Chef special` as one. That is how you get several labels from one field — but it also means a `|` you meant literally will be split.- **Style 3 adds a divider between the title and the price** — measured, it is part of this style only, and it is what gives a menu its dotted-line look.- **One block is one item.** There is no repeater inside it, so a menu of ten dishes is ten Pricing List blocks stacked up, not one block with a list in it. Build the first one, style it, then duplicate it.- **Empty fields are dropped.** Measured: a dish with no description renders without an empty gap where one would be, so a mixed menu still lines up. ## Limitations - **It is a menu, not a shop.** There is no ordering, no cart and no stock — it presents dishes and prices.- **The Box Align setting currently has no effect.** Measured on published pages across every style and every value: the alignment class is never added to the markup, so the block's own alignment rules never apply. Use the block's ordinary alignment and spacing controls instead. This is reported to the development team.- **Courses are your own structure.** The block has no grouping of its own; use headings and columns around the blocks.- **Prices are plain text**, so a currency change means editing every block. Keep the menu in a reusable pattern if you change prices often. ## Troubleshooting ### The dish photo is not appearing **Only style 3 shows an image.** Measured: the same block given the same picture rendered no image at all in styles 1 and 2, and the image in style 3. If you want photographs beside your items, style 3 is the only choice — choosing an image in the other two styles does nothing and gives no warning. ### My portion sizes are all on one line Separate them with a vertical bar. Measured: `Small|Medium|Large` renders three separate tags, while text without a bar renders as one. ### Adding twenty dishes is slow Style one block completely, then duplicate it — the styling comes with the copy. Measured, each block is a single dish; there is no repeater. ### The alignment control does nothing **The Box Align setting currently has no effect.** Measured on published pages across every style and every value: the alignment class is never added to the markup, so the block's own alignment rules never apply. Use the block's ordinary alignment and spacing controls instead. This is reported to the development team. ### The menu looks cramped on a phone Use the block's responsive spacing and image-size controls; style 3 stacks the image above the text on narrow screens. ## Related Docs - [Add a pricing list in WordPress](https://nexterwp.com/docs/add-a-pricing-list-in-wordpress/)- [Add a flip box style pricing list](https://nexterwp.com/docs/add-a-flip-box-style-pricing-list-in-wordpress/)- [Advanced tab settings](https://nexterwp.com/docs/use-advanced-tab-in-nexter-blocks/) ## Frequently Asked Questions **Q: What do I need before creating a food menu in WordPress with this block?** A: Nexter Blocks provides the Pricing List block for this setup, and the page says the free edition works too. The key prerequisite is that Pricing List is switched on under Nexter > Blocks in your WordPress dashboard, and your dish photographs should already be in the Media Library. That matters because Style 3 is the only style that can show an image, so image prep has to happen before you start building. **Q: Which Pricing List style should I use if I want dish photos beside each item?** A: Style 3 is the only Pricing List style that shows an image. The page measured the same block with the same picture and found no image in styles 1 and 2, while style 3 displayed it. That makes style choice a real decision point, not just a design preference. If photos are part of the menu, start with style 3 or the image field will do nothing. **Q: How do I add portion sizes like Small, Medium, and Large in one menu item?** A: The tag field uses a vertical bar as a separator, so Small|Medium|Large becomes three separate tags. That is useful when one dish needs multiple labels or portion sizes without extra blocks. A practical gotcha is that any | character you mean literally will be split too, so plain text without the bar stays as one tag. **Q: Why does my dish photo not appear in the menu?** A: The usual cause is style choice: only style 3 shows an image. The page measured identical content across styles and found images rendered only in style 3, while styles 1 and 2 ignored the image without warning. In Nexter Blocks, that means picking a photo is not enough on its own. If you want pictures beside dishes, switch the block to style 3 first. **Q: What is the fastest way to add twenty dishes without rebuilding each one from scratch?** A: Build one Pricing List block fully, then duplicate it for each dish. The page says one block equals one item and there is no repeater inside it, so a ten-dish menu needs ten blocks stacked up rather than one block with a list inside. That duplication workflow matters because the styling carries over with each copy, which saves time when menus get large. **Q: Why does the alignment control do nothing on my food menu?** A: The Box Align setting currently has no effect on published pages. The page measured every style and value and found that the alignment class was never added to the markup, so the block’s own alignment rules never applied. In practice, use the block’s ordinary alignment and spacing controls instead. POSIMYTH Nexter says this has been reported to the development team.