last updated Nov. 15, 2017
A full demo of this plug-in is available for testing by clicking here.
The menu item(s) you see below are active displays from the Restaurant Menu Components plugin we’re currently developing for use on WordPress sites. If you come back to this page and things don’t look right, wait a few minutes and refresh your browser. As we’re actively working on this plugin, display issues likely indicate that we’re in the middle of coding some aspect of it.
This plugin is intended to solve issues we’ve been having with other plugins we’ve used on some of our current sites. In starting a new plugin from scratch, we can take care of issues as they come up, and include features we’ve been looking or hoping for.
- Menu Item Image – Thumbnail or featured
- Boilerplate menu item add-ons/options
- “86” for active menus
- Flexible currency usage
- Choose between our own cuisine and icon set, or Erudus icons from Erudus: The Food Industry’s Collaborative Solution to Sharing Product Data, West Yorkshire, UK
- Themed HTML blocks for info areas
- Sections, to contain menu items, HTML blocks, etc., to create sections for Breakfast, Lunch, Sandwiches, Dinners, etc.
- Taplists to describe what’s offered from beer towers
- Scalable recipes tied to each menu item, for BOH use, so if the recipe changes, the displayed menu item changes as well
- Whatever else makes sense
Stay tuned …
One of the test menu items.
Note that in the example below, the Options are another shortcode used within the field as boilerplate information that only had to be created once.
A test taplist.
A test HTML block.
The layout of a Restaurant Menu Component menu item is fairly straightforward:
The basic layout. This image also shows the complete compliment of Erudus icons designed by Erudus: The Food Industry’s Collaborative Solution to Sharing Product Data, West Yorkshire, UK.
The menu item is built with:
- Spiciness Level: none, 1, 2, or 3 peppers
- Title (required): The name of the menu item
- Price: This may include an optional currency symbol
- Image: A thumbnail, which enlarges when clicked. If featured, the image width will be the same as the width of the Description.
- Description (required): Fluffy notes about the dish
- Add-ons/Options: Would you like fries with that?
- Calories: This may be required by company, local, state or federal regulations
- Cuisines/Suitable for: Answers a lot of diner’s questions
- Allergens: Some are required or suggested by regulations
Note that only the Title and Description are required. A menu can be just that simple.
Currently-developed menu themes.
The Erudus icon set includes 4 icons in the Suitable For category and 15 icons for Allergens. These icons have three states. One is None, which we’re not using in this plugin. The other two states are May Contain and Contain. In the case of our Signature Cheeseburger example shown above, Mustard is optional, so the icon state is displayed as May Contain.
We could do the same with Milk if the cheese were removed, but then it wouldn’t be a cheeseburger …
The plugin also includes our own icon set, which has 6 Cuisine icons and 23 icons for Allergens, based on other uses we’ve seen. Note that these only have two states, On or Off. With these though, there is an option for Color or B&W icons.
Finally, there’s a Text-Only option that mimics food packaging instead of using icons.