Creating a ”Food Menu”

Since ROSA is mainly targeted at restaurants, we have thought it would be great to have a handy dandy system to create and manage your menus reliably.

The Menu Syntax

To get the Restaurant Menu shortcode, first, you have to access the funky P button from the WordPress editor (Visual mode). After this, you will be presented with a quick walkthrough of the shortcode features. Once you hit Insert, we will add a starter shortcode into the editor to start editing right away. Something in the lines of the text below:

HTML

[restaurantmenu]

#Section Title
-----

##First Product Title
**Description of the first product
==$15

++Our Choice
##Second Product Title
**Description of the second product (no price)

##Third Product Title (no description)
==$23

##Fourth Product Title
**Subproduct 1
==$23.99
**Subproduct 2
==$26.99
**Subproduct 3
==$29.99

##Fifth Product Title (just title)

#Another Section Title
-----

##Another Product Title
**Another product description
==$2993

[/restaurantmenu] 

Markers

We rely on a couple of markers to identify the four sections of each menu product. Every menu product is identified with a different set of characters at the start of the line.

  1. # for Section Title – so if you will add a single # at the beginning of a line that will be styled as a section title. You can have multiple section titles to help you better organize your menu.
  2. ## for Product Title – notice the double # you need to add at the beginning. You can have as many products as you want. Generally a product is comprised of a title, a description and price, but these last 2 ones are optional.
  3. ** for Product Description  – notice the double * that acts as marker for this.
  4. == for Product Price – the price has double “=” as marker so you could write something like ==$50.99.
  5. ++ for Product Highlight – notice the double “+” as marker; use it if you want to highlight some of the menu items and make them stand out.

That wraps it up in terms of the hard part, markers, and all that.

Product Group and Sub-products

Now for some magical hidden logic. If you wish to use the title as a product group, we will recognize that. So if you decide to add multiple description-price line groups after a title, we will treat and style these as sub-products (see the below example).

HTML

##Fourth Product Title
**Subproduct 1
==$23.99
**Subproduct 2
==$26.99
**Subproduct 3
==$29.99

Use The Columns or Tabs Shortcode for better organization

You can combine our Columns or Tabs shortcode with the Restaurant Menu to make your menu into columns or tabs, just like a printed one. Just insert the Menu shortcode inside each Column or Tab content.

This is the beauty of using shortcodes. The possibilities are almost endless when you factor in the other shortcodesimages, and so on. We would love to see you using these tools in new creative ways that we haven’t thought of.

Updated on October 19, 2021

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at [email protected] and we will give you a helping hand.