Quick answers to your most pressing questions. Anything missing? Let us know.
To change the colors of your site, go to the Appearance > Customize page in your WordPress admin area. Open the Theme Colors section and use the color controls to change sections of your site.
Once you’ve finished, don’t forget to click the Save button.
You can upload your logo to display on your website by going to the customizer under Appearance > Customize. Open the Logo, Site Title and Tagline section and click the button to upload your image file.
Once uploaded, you can use the Scale slider to increase or decrease the size.
Once you have filled out your Business Profile, your contact details will automatically appear at the bottom of your site, just like the demo.
You can learn more about how to fill out your business profile in the section on recommended first steps. If you haven’t yet, be sure to take a look.
Luigi comes with a powerful tool to construct a gorgeous, effective landing page. Before you can use it, though, you’ll need to have configured a Static Home Page. If you haven’t done so, read the recommended first steps.
Once you’ve got your homepage set up, open the customizer from the Appearance > Customize link (you may already have the customizer open). When you’re looking at the homepage in the customizer, you’ll see a Homepage Layout section. Open that to begin working with the layout builder.
To add a component, follow these steps:
Click the Add Component button to open the list of available components. If you are missing some of the recommended plugins, you may be missing some components.
Select a component from the list. Try the Hero Block first.
Click the small dropdown arrow in the newly added component to open the input form.
Fill out the details in the component’s form as desired and watch the view on the right update as you go.
You can repeat these steps adding as many different components as you’d like. When you’re happy with how it looks, click the Save & Publish button at the top of the screen to publish your changes to the live site.
This theme integrates with the free Five Star Restaurant Menu plugin.
Once the plugin is installed and activated, you can begin building your menus by going to the Menu Items page in your WordPress admin area.
This theme integrates with the free Five Star Restaurant Reservations plugin.
Once the plugin is installed and activated, create a new page for your booking form. Then go to the Bookings > Settings page and select your Booking Page. The reservations form will automatically appear on this page.
You can also add the form to any page or post with the
[booking-form] shortcode, or use the Booking Form widget to add it to a sidebar.
There’s so much more you can do, from setting your booking schedule to configuring notifications. There are also powerful addons to add custom fields, build your mailing list and export bookings to PDF/Excel files.
Be sure to read the plugin’s documentation.
This theme integrates with the free Business Profile plugin.
Once the plugin is installed and activated, open the Business Profile page in your WordPress admin area (hint: it’s way down near the bottom of the navigation menu on the left). Fill out your restaurant’s details.
Then just add the
[contact-card] to any page or post, or use the Contact Card widget to display it in any sidebar.
Learn more by visiting the plugin’s documentation.
This theme integrates with the free Five Star Restaurant Reviews plugin.
Once the plugin is installed and activated, go to the Reviews page in your WordPress admin area. From here you can add and edit reviews.
Learn more by visiting the plugin’s documentation.
This theme integrates with the free Event Organiser plugin.
Once the plugin is installed and activated, go to the Events page in your WordPress admin area. From here you can add and edit events.
Then add the
[eo_fullcalendar] shortcode to any page or post. I recommend you use a page with the full-width page template.
Search Engine Optimization (SEO) is a large and complex topic. But it is extraordinarily valuable for restaurants, cafes and bars.
If you haven’t already, I recommend you install the Yoast SEO plugin, which gives you a number of useful tools to help you optimize your site.
Yoast has written the book on Search Engine Optimization with WordPress. But learning how to make effective use of it can take time, and it may feel overwhelming if you’ve never encountered it before.
I’ve written a few guides that break down those aspects of SEO that I believe are most critical to restaurants:
- Three fast steps to improve your restaurant SEO with Yoast
- Tending your SEO garden with Google’s Search Console
- But I’m big in Japan: local search for your restaurant website
This theme is configured to support a special navigation menu for your social media profiles.
To set this up, go to the Appearance > Menus page in your WordPress admin area. Create a navigation menu using the Custom Links type of menu component. Enter the link to your social media profile.
Once you’ve saved the links to your social media profiles, assign this menu to the Social Profiles theme location.
Assigned to this theme location, the theme will automatically transform the menu into a set of icons matching your social media profiles.
WordPress supports great photo galleries right out of the box and this theme displays them beautifully. I like them so much that I wrote a step-by-step guide on how to add photo galleries to your pages and posts.
This theme includes a full-width page template. It’s great for pages where you want to focus on one piece of content – like a photo gallery or your booking form.
To make use of this template, go to the Pages > Add New page in your WordPress admin area. On the page editing screen, find the Page Attributes box on the right, below the publish button.
Set the Template option to Full Width then preview the page and you’ll see the sidebar is gone.
Want to hide the sidebar everywhere? Remove all the widgets from it under Appearance > Sidebar and it will go away.
There are several ways you can add your own CSS code. But the worst way is to edit the theme files directly. Any changes you make to the theme’s files will get overwritten the next time the theme is updated.
I recommend you use the CSS feature that’s part of WordPress itself. To use it, go to the Appearance > Customize page and open the Additional CSS section. You can enter your CSS in there and see it applied immediately in the live preview.
If you plan to use a lot of CSS and you want to be able to save the file locally, I’d recommend you use a Child Theme. Along with the download link for the theme in your purchase receipt, you also received a download link for an empty child theme. When making changes to the theme, I strongly urge you to activate the child theme instead of the base theme. You can add CSS styles to the
style.css file and they’ll automatically get loaded. Learn about the many benefits of using a child theme.
This theme integrates with the Typecase plugin to make it easy to change the font(s) used on your website.
Once you’ve installed and activated the plugin, you’ll need to select new fonts to display on your site by going to the Typecase page in your admin area.
Search for the Google Webfont you want to use and add it to your collection.
Don’t worry about assigning any “selectors”. That will be done automatically by the theme.
Once you’ve selected your fonts, go to the Appearance > Customize page and open the Theme Fonts section. There you’ll be able to assign the fonts you’ve selected to any fonts defined by the theme.
I’m here to help. Don’t hesitate to reach out and ask for support if you’re struggling with anything.
We offer a 14-day money-back guarantee on all products. Request a refund.
We do our best to help every customer use any of our products. But you may need more dedicated help than We’re able to provide.
If you need a helping hand when building your restaurant, cafe or bar website, take a look at WP Site Care. They provide on-going support and maintenance, including advice when you’re having trouble, audits to improve your website performance and SEO, and more.
If you need custom code development to add a feature or make more significant alterations to your site, take a look at codeable.io. They match your needs with qualified freelance developers who can take on small and large customization projects.
We do not receive any compensation for recommending either of these services.