Creating a ”Food Menu”

Since ROSA is par­tic­u­lar­ly tar­get­ed for the restau­rants, we have thought it would be great to have a handy dandy sys­tem to reli­ably cre­ate and man­age your menus.

The Menu Syntax

In order to get the Restau­rant Menu short­code, first, you have to access the funky P but­ton from the Word­Press edi­tor (Visu­al mode). After this, you will be pre­sent­ed with a quick walk­through of the short­code fea­tures. Once you hit Insert, we will add a starter short­code into the edi­tor so you can start edit­ing right away. Some­thing in the lines of the text bel­low:

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)

#Anouther Section Title
-----

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

[/restaurantmenu] 

Markers

We rely on a cou­ple of mark­ers to iden­ti­fy the four sec­tions of each menu pro­duct. Every menu pro­duct is iden­ti­fied with a dif­fer­ent set of char­ac­ters at the start of the line.

  1. # for Sec­tion Title — so if you will add a sin­gle # at the begin­ning of a line that will be styled as a sec­tion title. You can have mul­ti­ple sec­tion titles to help you bet­ter orga­nize your menu.
  2. ## for Pro­duct Title - notice the dou­ble # you need to add at the begin­ning. You can have as many prod­ucts as you want. Gen­er­al­ly a pro­duct is com­prised of a title, a descrip­tion and price, but the­se last 2 ones are option­al.
  3. ** for Pro­duct Descrip­tion  — notice the dou­ble * that acts as mark­er for this.
  4. == for Pro­duct Price - the price has dou­ble “=” as mark­er so you could write some­thing like ==$50.99.

That wraps it up in terms of the hard part, mark­ers and all that.

Product Group and Sub-products

Now for some mag­i­cal hid­den log­ic. If you wish to use the title as some sort of a pro­duct group, we will rec­og­nize that. So if you decide to add mul­ti­ple descrip­tion-price line groups after a title, we will treat and style the­se as sub-prod­ucts (see the below exam­ple).

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 com­bine our Columns or Tabs short­code with the Restau­rant Menu, to make your menu into columns or tabs, just like a print­ed one. Just insert the Menu short­code inside each Column or Tab con­tent.

This is the beau­ty of using short­codes. The pos­si­bil­i­ties are almost end­less when you fac­tor in the oth­er short­codesimages and so on. We would love to see you using the­se tools in new cre­ative ways that we haven’t thought of.

Updated on April 18, 2017

Was this article helpful?

Related Articles