Menu blocks allow you to showcase your restaurant's menus directly on your website, improving SEO compared to PDF menus. Here's how to create and customize them:

Adding a Menu Block

1. Edit a page or post
2. Click "Add a Block"
3. Select "Menu"
4. Open block editor using the pencil icon

Creating Menu Structure

Add Main Menus

• Type menu name
• Add three equal signs (===) below
• Optional: Add description
• Repeat for additional menus

Create Sections

• Type section name (e.g., Starters, Main Courses)
• Add three dashes (---) below
• Optional: Add section description

Add Menu Items

• Enter item name
• Add description below
• Include price (with currency symbol)
• For price variations, use slashes (e.g., €10/€15)
• Add options with + on a new line

Customization Options

Design Settings

• Choose layout:
  • Centered (single column)
  • Multi-column (automatically adjusted)
• Select currency symbol (€, $, £, ¥)
• Customize fonts and colors through Site Styles

Tips for Better Formatting

1. Replace sample content one by one to maintain formatting

2. Use keyboard shortcuts for copying/pasting:

   • Mac: ⌘ + C (copy), ⌘ + Shift + V (paste)
   • Windows: Ctrl + C (copy), Ctrl + Shift + V (paste)

3. Ensure proper spacing:

   • Press Return after each entry
   • Don't use spaces for alignment
   • Verify equal signs and dashes are complete

Troubleshooting

• If text doesn't display immediately, save and reopen the block
• For uneven columns, add HTML tag at section end
• Minimize extra padding by matching content volume across menus
• For custom currency symbols, enter on third line with space

Remember to maintain consistent content volume across menus to avoid formatting issues and ensure professional presentation.

Related Articles

Previous Articles