Restaurant and Cafe Documentation

We offer free one-click demo import for Restaurant and Cafe. So, if you want to make your website exactly like the demo of the Restaurant and Cafe theme, you need to install Rara One Click Demo Import plugin, download the demo file, and follow this step by step guide or watch the video below.

Theme Documentation:

Thank you for choosing Restaurant and Cafe WordPress theme! This documentation covers the installation and the usage of the theme. We encourage you to read through this document and keep it handy for reference. If you have any questions about the theme, or need assistance with anything related to the theme, please feel free to post your questions on our support forum or open a support ticket and our support team will be happy to assist you.

Congratulations!

You have chosen one of the most beautiful WordPress Theme created with love.

The main goal of the documentation is to provide guidance and walk-through to set up the theme for your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. First, we'll make sure that everything is ready for the installation, then we'll set up the theme, and cover some initial configuration and customization options.

Although Restaurant and Cafe will work with 4.5 and above versions of WordPress, it is recommended to have the latest version of WordPress.

After you have the latest version of WordPress, download the theme ZIP file, and save it somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

Theme Files

Restaurant and Cafe includes

WordPress Theme Files— This is a compressed WordPress theme file containing all of the required templates, images and icons required for the theme to function properly.

Theme Installation

Step 1: Upload and Activation

There are two methods to install Restaurant and Cafe theme. You may either upload the zipped theme file using the WordPress theme installer (Recommended), or you can upload the unzipped theme folder via FTP (Advanced).

Home Page Setup

To create a new Page

Enter the Page Title for the Page. You do not require to enter anything in the content section for creating a home page.

Select the Homepage Template from the Page Attributes section.

Click Publish.

Configuring the front Page display setting

Go to Appearance>Customize > Default Settings> Static Front Page.

Select A static page under Front Page displays

Choose the page you just created with homepage template as Front page.

Click Save & Publish.

Site Identity

To set up Site Identity,

Go to Appearance> Customize> Default Settings > Site Identity

Click Select logo by clicking Select Logo.

Upload and select the desired image.

Enter the Site Title and Tagline

Check Display Header Text for the Site title and Tagline to appear on your homepage.

Click Select Image under Site Icon

Upload and select the desired image. (The Site Icon/ favicon is used as a browser and app icon for your site. The recommended Site Icon size is 512*512 pixels.)

Click Save & Publish.

Colors

Go to Appearance> Customize> Default Settings >Colors

Change the Background Color by clicking on the respective Select Color button

Click Save & Publish.

Background Image

Go to Appearance> Customize> Default Settings >Background Image

Click Select Image.

Upload and Select a Background Image

Click Save & Publish.

Home Page Content Settings

Banner Section

Go to Appearance> Customize>Home Page Settings> Banner Section

Check Enable Banner Section to display it in the Homepage.

Choose the Post for Banner Section.

The Post title of the selected post will appear as the banner title.

The featured image and excerpt of the selected post will be displayed under Banner Section. If the excerpt is not entered first few sentences of the content will be displayed.

Enter Readmore Button Text

Click Save and Publish.

Featured Section

Note:
In order to set up Featured Section, you need to make a page for it. The page should have a title and content which will be displayed as the section title and content respectively.

Go to Appearance> Customize>Home Page Settings> Featured Section

Check Enable Featured Section to display it on the Homepage.

Select a Page for the featured Section.

The page title of the selected page will appear as the section title

The excerpt of the selected page will appear as the section description. If the excerpt is not entered first few sentences of the page content will appear as section description

Select Post One, Post Two and Post Three.

Enter Button Text and Button URL

Click Save & Publish.

About Section

Note:
In order to set up About Section, you need to make a page for it. The page should have a title and content which will be displayed as the section title and content respectively.

Go to Appearance> Customize>Home Page Settings> About Section

Check Enable Featured Section to display it on the Homepage.

Select a Page for the featured Section.

The page title of the selected page will appear as the section title

The excerpt of the selected page will appear as the section description. If the excerpt is not entered first few sentences of the page content will appear as section description

Featured image of the page will be displayed under the section

Select background Image.

Click Save & Publish.

Service Section

Note:
In order to set up Servuce Section, you need to make a page for it. The page should have a title and content which will be displayed as the section title and content respectively.

Go to Appearance> Customize>Home Page Settings> Service Section

Check Enable Service Section to display it on the Homepage.

Select a Page for the Service Section.

The page title of the selected page will appear as the section title

The excerpt of the selected page will appear as the section description. If the excerpt is not entered first few sentences of the page content will appear as section description

Featured image of the page will be displayed under the section

Select Post One, Post Two and Post Three. The Post Title and content will appear as the Service Title and content respectively. The Featured Image of the Post will be displayed beside the service title.

Click Save & Publish.

Testimonial Section

Note:
In order to set up Testimonial Section, you need to make a page for it. The page should have a title and content which will be displayed as the section title and content respectively.

Go to Appearance> Customize>Home Page Settings> Testimonial Section

Check Enable Testimonial Section to display it on the Homepage.

Select a Page for the Testimonial Section.

The page title of the selected page will appear as the section title

The excerpt of the selected page will appear as the section description. If the excerpt is not entered first few sentences of the page content will appear as section description

Select the category for the Slider. The Post Titles and contents of the posts under the selected category will appear under the testimonial section.

The content of the selected page will be displayed under About us Section.

Choose Category One , Category Two, Category Three etc.

The selected Categories will appear under various Tabs under The Reservation Menu Section. The category name will appear as the tab title.

The Products under the selected category of product will be displayed under the respective Category Tab

Click Save and Publish.

Reservation Form Section

Note:
In order to set up Reservation Form Section, you need to make a page for it. The page should have a title and content which will be displayed as the section title and content respectively.

For the Reservation Form Section to appear as in the demo, you must first install and activate the Contact Form 7. To learn about how to install plugin read the Installing Plugin. For configuring the Plugin read the plugin documentation .

The excerpt of the selected page will appear as the section description. If the excerpt is not entered first few sentences of the page content will appear as section description.

Choose the Category for the section. The latest three posts of the category will be displayed under the section.

Enter Read More Text.

Click Save & Publish.

Map Section

Go to Appearance> Customize>Homepage Settings> Google Map Section

Enter Google map embed Link

Click Save and Publish.

Breadcrumb Settings

Go to Appearance>Customizer>Breadcrumb Settings

Check Enable Breadcrumb

Check Show Current, if you wish to display the current Page on the breadcrumb.

Enter Breadcrumb Home Text

Enter Breadcrumb Separator

Click Save & Publish

Custom CSS Settings

Go to Appearance >Customize>Custom CSS settings.

Enter the required custom CSS. For example, to change the body font size to 17 Pixels:

body{font-size: 17px}

Click Save & Publish.

Custom menu

Option 1:

Go to Appearance > Customize>Menus in the WordPress Dashboard

Click on Add new menu button.

Give a name to your menu in Menu Name and click Create Menu button

Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.

Order the menu items by using drag and drop function in Menu structure Panel.

Choose Menu Location to Primary

Click Save and Publish after adding required pages, categories in the menu.

Option 2:

Go to Appearance > Menus in the WordPress Dashboard.

Click on Create a new menu link.

Give a name to your menu in Menu Name and click Create Menu button.

Choose the pages, categories, custom links from the left-side of your screen by selecting the checkbox and click on Add to Menu for desired Menu items.

Order the menu items by using drag and drop function in Menu structure Panel.

Check the box for “Primary Menu” under “Theme locations”

Click Save Menu after adding required pages, categories in the menu.

Widgets:

The Restaurant and Cafe offers four custom widgets: Rara Feature Post, Rara Recent Post, Rara Popular Post and Rara Social Links along with the WordPress default widget options. You can add and remove widgets by following the steps below:

Adding a widget:

Option 1:

Navigate to Appearance> Widgets

There are four widget spaces, including Right sidebar and four footer.

Drag the desired widget to the desired widget space. There is a description of each included widget that you can choose from

Click Add a Widget. There is a description of each included widget that you can choose from.

Click on the desired widget.

Drag and reorder the widget as desired

Click Save& Publish.

Remove Widget

Go to Appearance> Customize>Widget

Click the desired Widget Area ( Right Sidebar, Footer One, Footer Two etc)

Click the widget you want to delete and click delete.

Click Save Changes.

Create a New Page

Go to Pages > Add New.

Enter the Page Title for the Page

Write the required Text in the content section

Select the Default Template from the Page Attributes section

Click Publish.

Setting up a Blog

To create a blog page, You first need to create a page for it. To create a page.

Go to Pages> add New

Enter the Page Title for the Page

You do not require to enter anything in the content section for creating a home page.

Select the Default Template from the Page Attributes section

Click Publish.

Configuring the Page display setting

Go to Appearance>Customize > Default Settings> Static Front Page.

Choose the page you just created for the Blog as Posts Page.

Click Save & Publish.

Add a Post

Go to Posts>Add new.

Select the post format on the right sidebar.

Give a title and fill it with content

Upload a featured image by clicking on Set Feature Image on the right sidebar of the screen.

Click Publish

Adding Excerpt in the Post

For adding excerpt to the existing post. Go to Post>All Posts from WordPress dashboard.

Click Edit below the post name.

Click on the Screen Option on the top left side of the screen.

Check Excerpt.

A content box for excerpt will appear below the content section. Enter the required details.

Click Publish or Update

This theme has built-in functionality for all the post formats including text, aside, image, video, quote, and link post formats. Select the Post format as desired.

Gallery Post Format

For Gallery Post Format in the post, you must first install the Jetpack Plugin. To learn how to install a plugin, read– Installing Plugins. You must have a WordPress Account to use JetPack. Use Your WordPress Account to activate Jetpack in your website.

Navigate to the Post where you want to insert the gallery and come its Edit window.

Choose Gallery Post Format

Click Add Media

Click Create Gallery

Upload and select the desired images for the gallery and click create a new Gallery.

Choose the desired Size and Type of your gallery display.

Use drag and drop to order the picture.

Click Insert Gallery.

Click Preview to preview the post and click Publish when you are satisfied.

Recommended Image Size:

Logo:
Width: 193px;
Height: 21px;

Banner:
Width: 1920px;
Height: 995px;

Featured Section
Width: 230px;
Height: 230px;

About Section
Width:: 540px;
Height: 430px;

Service Section
Width:: 458px;
Height: 557px;

Testimonial Section
Width: 95px;
Height: 95px;

Restaurant Menu section
Width: 60px;
Height: 60px;

Latest blog section
Width: 390px;
Height: 310px;

Post Featured image ( Sidebar)
Width: 818px;
Height: 390px;

Post Featured image ( Full width)
Width: 1110px;
height: 450px;

Widget recent, popular post
Width: 50px;
Height: 50px;

Author
Width: 90px;
Height: 90px;

Comment:
Width: 70px;
Height: 70px;

Helpful Tips

We highly recommend to use Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. For information about How to create a child theme visit :https://codex.wordpress.org/Child_Themes

Always keep BackUp of your theme before making any changes to the theme.

If you get any problem in using the theme, you can do the following things: