Creating Your “Food Menu”

What is a site for an eatery of sorts (restau­rant, bak­ery, cof­fee shop) with­out a prop­er menu with all your offer­ings? Weird at best, annoy­ing most of the time.

In the end, this is what you’re try­ing to sell and impress peo­ple with, right? It’s what defines your per­son­al­i­ty and way of doing things, so please let us rein­force the impor­tance of hav­ing a clear approach toward it.

Oste­ria comes with a handy sys­tem to cre­ate and man­age your menus with ease. We believe it’s a solu­tion that saves you a lot of time, ener­gy, and prob­a­bly mon­ey. Let’s dive right in.

Quick tip: The Food Menus are based on the Jet­pack plu­g­in, there­fore it is manda­to­ry to make sure it is enabled and acti­vat­ed.

Adding Menu Items and organizing them

The fol­low­ing steps will guide you through the process of cre­at­ing a restau­rant menu:

  • Log in into your Word­Press Dash­board
  • Start with defin­ing your menu sec­tions like “Break­fast”, “Lunch” and so on; so go to Food Menus → click on Menu Sec­tions and add as many sec­tions as you like; you can skip this step if you don’t plan on hav­ing any sec­tions;
  • Now it’s time to add menu items; you can use Food Menus → Add One Item to add a sin­gle menu item or Food Menus → Add Many Items to quick­ly add mul­ti­ple menu items; it’s up to you and the lev­el of con­trol you desire;

Quick tip: If you go to Food Menus → Menu Items you will see all your sec­tions and menu items; also you can rearrange the menu sec­tions (drag and drop) as a whole or each indi­vid­ual menu item.

Showing your menu on your site

Now that you have your menu all set up, it’s time to show it to the world. There are two ways you can do it:

  1. You can cre­ate a page and assign it the Restau­rant Menu page tem­plate (from the right side, in the Page Attrib­ut­es box) — this way your entire food menu will be auto­mat­i­cal­ly added after the page’s con­tent (if there is one);
  2. Alter­na­tive­ly, you can use a short­code, play with the var­i­ous options and let your cre­ativ­i­ty fly.

The [nova_menu] Shortcode

So the short­code is called [nova_menu]. If you use it just like that you will get the default behav­ior, just like you would with the first option above.

But the beau­ty is in its flex­i­bil­i­ty! The [nova_menu] short­code sup­ports a vari­ety of options that will allow you to dis­play parts of your menu (like a spe­cif­ic sec­tion), change the styling of the menu, high­light cer­tain menu items, and so on.

Let me walk you through each option so you can get a han­dle on it:

  • display_sections=“true”: use this option if you would like to dis­play the sec­tion head­ings (by default they are hid­den);
  • display_labels=“false”: use this option if you would like to hide the menu item’s labels (by default they are shown);
  • display_content=“false/full”: use this option if you would like to either hide the descrip­tion of each menu item or show it’s full con­tent (by default we show the excerpt);
  • featured_label=“some_label_slug”: use this option to set the label that should be used for high­light­ing menu items (by default we search for the ‘fea­tured’ label);
  • style=“dotted”: use this option if you would like to change the style of the menu;
  • include_section=“section_slug”: use this option if you would like to only show menu items from cer­tain sec­tions;
  • include_label=“label_slug”: use this option if you would like to only show menu items with cer­tain labels;

Just to put every­thing into per­spec­tive, here is a work­ing short­code with all the bells and whis­tles:

[nova_menu display_sections="true" style="dotted" include_section="breakfast, lunch" display_labels="false" featured_label="chefs-pick"]

Highlighting Menu Items

Let’s face it: not all food is cre­at­ed equal and some deserve more atten­tion. Or you just want to sprin­kle a lit­tle bit of mar­ket­ing and “ampli­fy” some menu items.

We rely on the menu item’s labels to know what to high­light. By default we will high­light all menu items with the ‘fea­tured’ label — so if you want to keep it sim­ple, just add this label to what­ev­er items you wish.

If on the oth­er hand, you want more con­trol, with the help of the [nova_menu] short­code (and its options) you can use any label you like as the “fea­tured” label. More­over, you can high­light the menu item’s title by putting it into square brack­ets (Eg: [Chef’s Choice]).

This article applies to Osteria, as they share the same underlying structure.

Updated on April 18, 2017

Was this article helpful?