18 Best WordPress Restaurant Themes For Your Cafe (2017)

Are you looking for WordPress restaurant themes? Restaurant websites have specific requirements to showcase their menu, photos, location, business hours, and other useful information. In this article, we have hand-picked some of the best WordPress themes for restaurants.

Best WordPress Restaurant Themes

Building a Restaurant Website with WordPress

WordPress is the most flexible and easy to use platform to build your restaurant website. It gives you access to dozens of payment platforms, third-party addons, thousands of templates and plugins. See our article on why you should use WordPress for more details.

You will need a self-hosted WordPress.org site to take advantage of all the powerful features of a WordPress site. See our guide on the difference between WordPress.com vs self-hosted WordPress.org site.

To start your restaurant website, you will need a WordPress hosting account. This is where your website will live on the internet. You will also need a domain name, which will be your website’s address on the internet such as wpbeginner.com.

We recommend using Bluehost. They are one of the largest hosting companies in the world and also one of the official WordPress hosting partner.

Next you will need to install WordPress. If you want step by step instructions, you can follow our guide on how to start a WordPress blog.

After the installation, you can pick a theme from our expert selection below and then follow instructions in our how to install a WordPress theme article.

Now let’s take a look at some of the best WordPress restaurant themes. This list includes both free and paid WordPress themes. All themes in the list are mobile responsive.

1. Delicio


Delicio is a premium WordPress theme for restaurants. It comes with menu and location sections and supports WooCommerce out of box. It is compatible with restaurant reservation plugin allowing you to accept online reservations on your website.

The theme features large full screen header, bold call to action buttons, easy to use customization panel, and a live drag and drop page builder.

2. Rezo


Rezo is a bold yet elegant WordPress restaurant theme. It features a responsive slider, stylish restaurant menu, and Google Maps support.

It also comes with a lightbox gallery which allows you to beautifully display photos. Set up is easy by using the easy to use theme options panel.

3. Seasons


Seasons is an elegantly designed WordPress theme for restaurants, bars, cafes, and other food related websites. It comes with an easy to use restaurant menu page which is easy to setup using widgets as module.

Apart from that, it comes with all the features you would expect from a premium WordPress theme. Unique slider, easy theme options, quick setup, custom headers and styling.

4. Molino


Molino is a stylish WordPress theme for restaurants, coffee shops, and cafes. It features a very modern and hip look and comes with powerful features like page builder, layouts, content modules, events calendar, and much more.

It has Google Maps and contact form support built-in, which allows your users to easily find you. There are 5 color schemes ready to use and you can also choose your own color schemes.

5. Resto


Resto restaurant theme for WordPress comes with a powerful restaurant menu post type. Allowing you to easily add and update menu items. This beautiful premium theme comes with powerful features like drag and drop homepage builder, custom widgets, layouts, color choices, etc.

It comes with a very easy to use control panel allowing you to enable or disable features, upload logo, setup social networking, and much more.

6. Petit


Petit is a bright colored WordPress restaurant theme. It comes with beautiful layouts for recipe pages and custom shortcodes for a food related website.

It has a featured content slider, custom widgets, multiple color choices, and out of box support for multilingual websites.

7. Igloo


Igloo is a modern WordPress restaurant theme with large featured images, beautiful typography, and powerful features. It comes with a built-in restaurant menu management system, reservations, custom widgets, sliders, galleries, and testimonials.

It has an easy to use theme options panel and it supports many of the most popular WordPress page builders.

8. Chinese Restaurant

Chinese Restaurant

Chinese Restaurant is a WordPress theme for all kind of restaurants. It takes design inspiration from Chinese cuisine, hence the name.

It comes with a powerful drag and drop page builder. Allowing you to easily drop content modules to build your pages. The theme also has built-in menu management, appointments, restaurant menu management, galleries and much more.

9. Downtown


Downtown is a multi-purpose WordPress restaurant theme that can also be used for food blogging, restaurant reviews, bars, cafes, etc.

It comes with Google Maps, contact form, services, testimonials, staff profiles, and events calendar. You can use any colors to create your own color schemes, use custom backgrounds, and headers to make the theme truly yours.

10. Italica


Inspired by the Italian cuisine, Italica is a gorgeous WordPress theme for restaurants, cafes, and bars. It comes with 6 ready to use skins and comes with a powerful drag and drop builder. There are multiple layout choices and you can even create your own custom layouts.

It comes with appointment management system, restaurant menu builder, and many custom widgets. It is easy to setup and allows you to customize theme using live preview.

11. Restaurantz


Restaurantz is a free WordPress restaurant theme. It has a beautiful layout with large slider, call to action, and it utilizes theme customizer for all theme options.

It supports the powerful free page builder by SiteOrigin and restaurant menu support can be added using free third party plugins.

12. Bettaso


Beattaso is a premium WordPress cafe and restaurant theme. It comes with drag and drop page builder, appointment manager, and restaurant menu section.

It has multiple colors, layout, and skins which allow you to truly customize the theme. It also supports Google Fonts, Google Maps for locations, and has tons of premium theme features.

13. Bakes and Cakes

Bakes and Cakes

This beautifully designed WordPress theme is free and suitable for stylish restaurants and cafes. It comes with testimonial section, Product section, about section, team section, banner, and Call to action section etc.

It is compatible with popular free restaurant menu plugins, and it supports WooCommerce out of the box. The theme is also translation ready and can be used on multilingual websites as well.

14. Cafe Pro

Cafe Pro

Cafe Pro is built on top of the powerful Genesis theme framework by StudioPress. It comes with a rock solid foundation and great set of features for a premium WordPress restaurant theme.

Theme homepage layout can be easily customized using the four widgetized areas. You get an easy to use theme options panel and custom widgets that allow you to easily show contact info, address, business hours, etc.

15. Greek Restaurant

Greek Restaurant

Greek Restaurant is a free WordPress restaurant theme. Built on top of Twitter’s bootstrap framework, this theme is fully responsive and looks good on all devices.

It comes with custom header, full width pages, shortcodes and a restaurant reservation system that allows you to accept reservations from your customers.

16. Mise En Place

Mise En Place

Mise En Place is a stunningly beautiful WordPress theme for restaurants. It comes with a menu management system, page builder, and WooCommerce support.

Among other features, it supports large header images, custom widgets, shortcodes, Google Fonts integration, and live theme customizer.

17. Umami


Umami is a stylish restaurant theme for WordPress. It features a unique fullscreen layout with prominent call to action. Each post and page can have its own unique background.

The theme also comes with an easy to use restaurant menu management system. You can easily add menu items with images that open in a lightbox. It comes with custom widgets, shortcodes, Google Fonts, slideshow, and tons of other premium theme features.

18. Moonrise


Moonrise is a gorgeous WordPress restaurant theme. It features large header backgrounds, slideshows, shortcodes, and multiple customizable sections.

It comes with built in support for food menu, services, slideshow, contact widget, and contact blocks. It is easy to customize and translation ready out of the box.

We hope this article helped you find the best WordPress restaurant theme for your website. You may also want to see our list of 24 must have WordPress plugins for business websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post 18 Best WordPress Restaurant Themes For Your Cafe (2017) appeared first on WPBeginner.

How to Clear Your Cache in WordPress

Recently, one of our readers asked us how to clear cache in WordPress? Your web browser, server, and caching plugins installed on your website can all serve cached content which can make it difficult for you to see the changes you made to your site right away. In this article, we will show you how to properly clear your cache in WordPress.

How to clear cache in WordPress

What is Cache and When Do You Need to Clear Cache?

Caching solutions store a static version of your website. This allows WordPress to skip running the heavier PHP scripts and improves your website performance.

How caching works in WordPress

There are many different type of caching solutions available. The most popular ones are WordPress caching plugins like WP Super Cache and W3 Total Cache.

These plugins offer an easy to use interface for controlling what to cache, when to expire cached content, and cleaning up cache on demand.

Managed WordPress hosting providers like WPEngine also run their own caching solutions, so that you don’t have to install a caching plugin.

If you are using a CDN service like MaxCDN, then they would also serve cached copies of static content.

If you’re using a web application firewall like Sucuri or CloudFlare to improve your WordPress security, then they also have their own cache to speed up your site and reduce downtime.

Lastly, your browser may also store cached versions of pages on your computer.

The purpose of caching is to speed up your website and improve the overall user experience. However, sometimes this causes you to not see the changes you make right away which can be frustrating. In that case, you will need to clear caches to see your changes.

Having said that, let’s take a look at how to clear your cache in WordPress.

Step 1: Clear Your Browser Cache

First, you need to clear your web browser cache. Most web browsers can store static content like stylesheets, JavaScript, images from a website to make your subsequent visits faster.

However, sometimes web browsers may fail to realize that a web page has changed. Instead of fetching a fresh copy, they may still reload the page from the cached version store on your computer.

Here is how you will clean your browser cache in Google Chrome. First you need to click on the menu icon and then select More Tools » Clear Browsing Data.

Clear cache in Google Chrome

This will bring up a popup where you can select the content you want to remove. Make sure that cached images and files is checked and then click on ‘Clear browsing data’ button.

Clear browsing data in Google Chrome

You have successfully cleared your browser cache, and you can now try visiting your website.

If you are still not seeing the changes you made, then move on to the next steps in this article.

For other web browsers see their respective documentations on how to clear browser cache.

Step 2: Clear Cache in Your WordPress Caching Plugin

If you are using a WordPress caching plugin on your site, then you need to clear your plugin cache. Most caching plugins allow you to easily do that from the plugin’s settings page.

Clear Cache in WP Super Cache

WP Super Cache is the most popular WordPress caching plugin. It allows you to clean or purge all cached content with a single click.

You need to visit Settings » WP Super Cache page and click on ‘Delete Cache’ button.

Delete cache in WP Super Cache

That’s all, WP Super Cache will now delete all cached files from your website.

Clear Cache in W3 Total Cache

W3 Total Cache is another popular WordPress caching plugin. It also makes it super easy to clear cache with one click.

Head over to Performance » Dashboard page and click on ’empty all caches button.

Empty cache in W3 Total Cache

W3 Total Cache will now delete all cached content for your site.

Clear Cache on WPEngine

WPEngine is a managed WordPress hosting provider. They run their own caching solution, so their customers don’t need to install a caching plugin.

If you are unable to notice changes take effect immediately, then you can easily clear WPEngine cache from your WordPress admin area.

You need to click on the WPEngine menu item in the admin bar and then under ‘General’ settings click on purge all caches button.

Clear WPEngine cache

WPEngine will now purge all stored cache for your WordPress site.

Clear Cache in Sucuri

If you’re using a web application firewall like Sucuri to protect your website, then they also have their own layer of caching.

You can clear the cache from your Sucuri plugin by going to Sucuri » WAF menu in your WordPress admin area.

Sucuri Clear Cache

We hope this article helped you learn how to clear cache in WordPress. You may also want to see our guide on how to boost WordPress speed and performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Clear Your Cache in WordPress appeared first on WPBeginner.

So Your WordPress Site Just Got Hacked, Now What?

Getting hacked isn’t just a WordPress-specific issue. Just like the risk of having your car stolen is part of driving one, owning a website brings the risk of getting hacked. While there are many proactive measures to help harden the security of your WordPress site, one can never be too cautious.

Because let’s face it – a hacked site is unarguably one of the worst things that can happen to a website owner. In this white paper, we’ll go into detail on some of the ways you can detect a compromised website, and what to do if your site experiences a security breach.

Download this white paper to find out what to do should you ever fall victim to a hacked WordPress site:

So Your WordPress Site Just Got Hacked, Now What?

We’ve developed this guide to get you through dealing with a hacked website, depending on a few common scenarios. This step-by-step approach includes what you need to know about how to get your hacked WordPress site back up and running, depending on whether you still have access to the backend or not.

While getting hacked sucks, it’s not the end of the world. If you prepare in advance and know what to do should the worst ever occur, you’ll only be better off in the long run.

For more on WordPress security, see:

8 Key Security Questions to Ask You Hosting Company

15 Ways To Harden The Security of Your WordPress Site.

The post So Your WordPress Site Just Got Hacked, Now What? appeared first on WP Engine.

How to add Awesome Typography in WordPress with Typekit

Have you ever wondered how designers are able to use beautiful custom web fonts on their sites? Often they’re adding custom fonts to WordPress using Typekit, an Adobe service that gives you access to high quality fonts. In this article, we’ll show you how to add Typekit fonts in WordPress to improve your typography.

Typekit Fonts in WordPress

Why Use Typekit Fonts?

Typekit is a popular subscription-based font service that can save you a lot of money. Instead of paying for individual font licenses, which can get quite expensive, you can access their whole library of hundreds of fonts for free or for a flat yearly rate.

The Typekit library is a massive collection of over 1,000 fonts. Some of the most beautiful fonts that you can find on the web are available through Typekit, an Adobe service.

Their basic free plan comes with access to 230+ fonts, and you can use 2 font families on one website for free. Other plans start from $49.99 to $99.99 per year.

These awesome Typekit fonts can be easily added to any website without slowing down your page load speeds. The fonts are served from Adobe’s CDN and load at much faster speeds than if you were to host them on your own site.

Typekit for WordPress Video Tutorial

If you don’t like the video or need more instructions, then you can continue reading below.

Why Use Custom Web Fonts on WordPress?

Typography plays a crucial role in the design of your site.

Choosing the right fonts will clearly communicate your personality and message to your readers. No matter what kind of image you want to portray – professional, friendly, casual, experienced – the fonts on your website can help project the right image.

By using the right set of fonts, you can leave a lasting impression. Instead of looking like every other site on the web, your text looks noticeably different. Selecting the proper font for your WordPress site can make your website go from a simple design to an aesthetically pleasing and stunning work of art.

The right custom web fonts can:

  • increase conversion rates
  • lower your site’s bounce rate
  • increase time spent on your website
  • create a memorable experience for users

Ready to get started with Typekit fonts? Here’s how to use Typekit to customize your WordPress design.

How to Get Started With Typekit

First you’ll need to create a Typekit account. To do this, just visit Typekit.com to compare the available plans.

You’ll need to choose which plan you want to sign up for. The free plan limits you to one website and includes access to limited fonts. You may want to get started with the free plan to try it out, and then upgrade later on. The upgrade gives you a larger library of fonts, and you can use them on more websites.

Typekit Subscription Plans

The next step is creating a kit. The kit lets you put together a specific library of fonts and settings for your website, so Typekit loads only the files and code needed. To create your kit, add your site name and domain name and then click on Continue.

Creating a kit for your site

After you’re done filling out your information for your kit, Typekit will give you a bit of JavaScript code to add to your site. You can copy and paste this code in a text editor like Notepad to save it for now. We’ll add it to your site in the next step of this tutorial.

For now, you can get started choosing your fonts. You can browse the font library and filter by options like classification, weight, width, x-height, and more.

Choosing a font from Typekit library

When you see a font you like, you can click on it for more details and examples. If you’d like to add it to your web kit, click the Web Use: Add to Kit button on the right side.

add a typekit font to your web kit

This will bring up a pop-up where you need to add the font you selected to the kit you just created.

adding your custom web font to a kit

Now you can click the Publish button to save the changes to your kit.

publish your kit to save your changes

That’s all! Your font kit is now ready to use.

Adding Your Typekit Fonts in WordPress

The easiest way to add your new custom web fonts to your WordPress blog is by using a WordPress Typekit plugin.

We recommend the Typekit Fonts for WordPress plugin. After installing and activating the plugin, you can visit Settings » Typekit Fonts to configure the plugin.

using a wordpress typekit plugin to customize fonts

First you’ll need to paste the JavaScript code you saved earlier in the Typekit embed code field. After that, you can add CSS selectors to specify where you want to use the font on your site.

In the screenshot above we added the font to the h1.site-title CSS selector.

Your WordPress theme may use different classes for different elements. You’ll need to use the Inspect Element tool in your web browser to find out those CSS classes. You may also want to checkout our WordPress generated CSS cheat sheet for beginners to help you get started.

Using Inspect Element tool in Google Chrome to find CSS classes

That’s all! We hope this article helped you learn how to add awesome typography in WordPress with Typekit. You may also want to take a look at our guide on how to add Google web fonts in your WordPress themes.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to add Awesome Typography in WordPress with Typekit appeared first on WPBeginner.

How to Automatically Publish Your Posts to Social Media

The importance of social media cannot be understated.  And what’s better, your loyal customers, potential customers, and anyone in between, want you to reach out to them on their favorite social media networks.

However, sharing your newly created content manually across several social media networks can prove time-consuming and frustrating.

That’s why today I am going to show you how to automatically share all of your website’s content using a great plugin called NextScripts: Social Networks Auto-Poster (also known as SNAP).