Bon Vivantby Automattic

Bon Vivant screenshot

Bon Vivant is a quirky, illustrated theme with special features for restaurants and cafés. With a unique custom header information area, food menus support, Open Table registration widget, and a prominent space for your phone number, Bon Vivant will help get your restaurant business up and running in no time!

Custom Header Image & Header Sidebar

Bon Vivant includes a Header Sidebar widget area that is only visible when a Custom Header image is active. Use this space to show off your most visually tempting dishes alongside the helpful information your patrons need, like contact or reservation information. To set up the header:

  1. Add a custom header image under Customize → Header Image. Consider adding multiple header images and selecting “random” for more variety!
  2. Assign widgets to the Header Sidebar area under Customize → Widgets. This is a small area, so one or two brief widgets work best.
  3. You’ll now see the header image with the widgets overlaid on top, like so:

Custom Header / Widget Area

Reserve By Phone

Add your phone number in a special flag alongside the header menu by going to Customize → Theme Options.

Reserve by Phone

Reserve Online

Using OpenTable? Grab your HTML code from OpenTable and add it to either sidebar using the OpenTable widget. You can also set up a Contact Form to take reservations via email.

Food Menus

Note: These settings are in the WP Admin dashboard, which will look a little different from the rest of your menus. You can leave WP Admin at any time by clicking on My Site.

Add your delicious food menus all at once, or edit them on the fly by going to My Site → Food Menus.

Reorder the food menu items at any time. Changing the order of items in the menu is as easy as dragging and dropping them up and down.


After you’ve added food menu items, simply create a new page with the Menu page template.

Voila! You now have beautiful food menus. If you’ve added featured images to your food items, they’ll appear alongside the menu title and description.


Want to offer a downloadable copy of your menu? No problem. Upload a PDF version from Theme Options in the Customizer, and the menu page will display a download button on the top right of the menu page’s title spot:

Download Menu Button

Custom Menus

Bon Vivant includes two Custom Menus, highlighted below.

The header menu is located above the site title and description, and supports up to 3 levels of menu items. If no menu is assigned, this area will display a list of your Pages:

Header Men

The optional footer menu is displayed just above the website’s footer credits, and supports one level of menu items:

footer menu

Full-Width Page Template

Remove the sidebar on select pages by applying the Full Width, No Sidebar page template under Page Attributes.

Custom Backgrounds

You can add your own background to Bon Vivant by going to Customize → Colors and Backgrounds.

Quick Specs (all measurements in pixels)

  1. The main column width is 625, except in the full-width template, where it is 940
  2. The sidebar width is 225
  3. The featured images for food menu items are 115 square.
Next theme