• If you have any difficulties Please feel free to ping us: evisionthemes@gmail.com

Resto

Created : 2016-09-20

Introductioin

Resto is an elegant and intuitive restaurant WordPress theme with multiple advanced features. Especially designed for restaurants, coffee shops and dining establishments, the highly-customizable theme can be readily used by hotels, resorts and tourism businesses. This customer-friendly theme also supports jetpack custom food menu and the stylish design makes everything look just better.

1. Installing the Resto theme

1.1 From your admin dashboard

  1. Log in to the WordPress Administration Panels.
  2. Go to Appearance Themes.
  3. Select Add New.
  4. Then select Upload Theme.
  5. Click Browse Locate ‘resto.zip’ theme in your
  6. Select ‘resto.zip’ and click ‘Install Now’.

1.2.Using FTP

You can use FTP client like FileZilla to connect your web server.

  1. Unzip resto.zip to your Desktop.
  2. Using an FTP client to access your host web server, go to wp-content >>themes and upload your new copy of your Resto theme.
  3. Now, log into the WordPress Dashboard with your login details.
  4. Select the Appearance panel, then Themes.
  5. You will see the theme in the list.
  6. Then click Activate button.

The theme will now be activated.

2. Manage Site Identity

Go to Customizer Site Identity

site-identity-1

From there you can manage the following:

  1. Logo
  2. Site title
  3. Tagline
  4. Enable or disable
    ‘Site title and tagline’
  5.  Site Icon

site-identity-2

 

3. Setting up Front Page

You can set up the front page in two different formats:- a blog page or a static front page.

Setting up Static Front Page

First, create and publish a page with suitable title for the home page. (E.g. Home)
Then, go to Customizer Static Front PageA static page
front_page_setting

Select the page required for static front page.
After this, 
your current display will change to the display similar to that of theme demo.

Customizer

The customizer lets you add, modify, enable or hide various features of the theme.

Front page Customizer

Once you have the static front page set up, a number of sections appear on the front page, all of which can be modified from the Customizer.

  1. Main Slider
  2. About Section
  3. Menu Section
  4. Services Section
  5. Blog Section

General Customizer

  1. Font Setting
  2. Colors
  3. Background Image
  4. Menus
  5. Widgets
  6. Theme Options
  7. Reset All Options

4. General Customizer

Font Settings

To edit the fonts, Go to Customizer Font Setting Font Family
Now choose the specific font family for each of the given sections.
Once, the preview is fine, save it.

general_customizer

Colors.

Editing basic colors.
A number of color options are available for texts in different sections, background, menus etc. To edit the colors:
Go to Customizer Colors.
Now, you will be able to change the color options. Once, the preview is fine you can save and publish it.

colors

2. Resetting the colors.
Go to Customizer Colors Reset
On checking the ‘Reset’ option and saving it the color options will change to default colors of the theme.

Background Image

To set or edit the Background Image,
Go to Customizer Background image.
You can upload a picture there. Once, you have the picture selected you can make various changes regarding how it is displayed. Save the changes once you are fine with the preview.

color

 

5. Menus (Setting up and modifying)

Go to Customizer Menus
Here, you can create and manage the menus

1. Creating a Menu
From Menus, click ‘Add a menu‘ button, you will be able to create a menu here. Once, you have created the menu, you can further add items to the menu.

menu

2. Creating a Social Menu.
From, Menus create a menu (E.g. “Social menu”) and assign its location to Social Menu.
Now, once you add custom links and social media URLs in each of the links, you will get the social icon in the Social Menu.

menu_2

6. Setting up and customizing the Main Slider

Go to Customizer Home Main Slider

main-slider-1

1. Setting Options

setting_options
i) Enabling/Hiding the main slider.
Go to Setting Options.
On checking the option ‘Enable Feature Slider’ the slider will appear on the front page. When the option is not checked, it means that the slider will be hidden.

ii)Selecting number of sliders for main slider
Go to, Setting OptionsNumber of slider
Now you can select the number of sliders you want.

iii) Selecting Slider From Pages OR category
Go to, Setting OptionsSelect Slider From.
Now select page or category as per your need.

3. Selecting specific pages or post for each slider.
First,
Go to CustomizerHome Main SliderSetting OptionsSelect Slider From.
Select page here if you want to display pages.
If you do not want pages but posts in the main slider, select category.
Please list all the required posts under a certain category first.
Then,
For displaying pages,
Go to CustomizerHome Main SliderSelect from Page
Now, you can select specific pages for each slider.
OR for posts,
Go to CustomizerHome Main SliderSelect from Category.
Now, select the category that contains the posts you want to display.

To select number of words appearing per slider, slider mode, slider transition and pause duration or to enable/disable arrow, pager, auto play, title and caption.

Go to Slider Property and select within.

home_slider_1

7. Setting up and customizing About Section

Go to Customizer -> Home About Section

about_us_section

  1. Enabling/Hiding the About Section.
    On checking the option ‘Enable About Section‘ the section will appear on the front page. When the option is not checked, it means that the section will be hidden.
  2. Selecting page for about section:
    First, create a new page with a suitable title and include the details about your company in the page.
    Then, Go to Home About SectionSelect page for About Section.
    Now, you can select the required page.

 Selecting number of words appearing in about section of front page.
Go to Home About Section >> Number of Words
Now, you can select the number of words you want to display in this section of home page.

  1. Enabling/Disabling About Section Button
    On checking this option, you will be able to enable the About Section Button which will direct the site visitors to a certain page.
  2. Editing the About section button’s text
    Go to Home About SectionAbout Section Button Text.
    You can edit the text there.

Selecting which page ‘About Section Button’ leads to.
Go to Home About SectionAbout Section Button URL
Now, you can enter the required URL in the box

8. Setting up and customizing Menu Section

For menu Section theme recommends the following plugin: Jetpack.
you have to create and connect with WordPress.com account.

Go to Customizer > Home Menu Section

menu_section

  1. Enabling Menu Section
    On checking the option ‘Enable Menu Section’ the section will appear on the front page. When the option is not checked, it means that the section will be hidden.Editing the title.
    Go to Customizer > Home Menu Section > Menu Section Title
    You will able to able the Menu Section’s title here.
  2. Editing the title.
    Go to Customizer > Home Menu Section > Editing the title.
    Go to Customizer > Home Menu Section > Menu Section Title
    You will able to able the Menu Section’s title here.
  3. Selecting Category for Menu Section
    Once you have the category you want to display in this section ready with at least one post created and published within the same category, you can select it to appear on the front page.
    Go to Customizer > Home Menu Section > Select Category for Menu.
    Now, you can select the required category.
  4. Determining the number of Menu to be displayed
    You can select the number of food menus you want to display in the front page. To edit,
    Go to Customizer > Home Menu Section > Number of Menu Determining the number of words to be displayed
    You can select the number of words shown in each menus in the front page menu section while hovering over the menu. To edit
    Go to Customizer > Home Menu Section > Number of words
  5. Determining the number of words to be displayed
    You can select the number of words shown in each menus in the front page menu section while hovering over the menu. To edit
    Go to Customizer > Home Menu Section > Number of words
  6. Enabling Price
    On checking this option, the price of the given menu will be displayed while the mouse is hovered over it. To enable,
    Go to Customizer > Home Menu Section > Enable Price

             menu_section_1

   7. Enabling Button
On checking this option, you will be able to enable the Menu Section  Button which will direct the site visitors to a certain page. To enable,
Go to Customizer > Home Menu Section > Enable Button.

8.Editing Menu Section Button text
Go to Customizer > Home Menu Section > Menu Section Button Text.
You can edit the text there.
9.Editing Menu Section Button’s URL
Go to Home Menu Section > Menu Section Button URL
Now, you can enter the required URL in the box.

9. Setting up and customizing Services Section

Go to Customizer > Home Services Section

service-1

  1. Service Options

service_option_2

i) Enabling/Hiding Services Section
On checking the option ‘Enable Service‘ the section will appear on the front page. When the option is not checked, it means that the section will be hidden.

ii) Enabling/Disabling Services thumbnail.
On checking the option ‘Enable Service Thumbnail’, the service icon will be replaced by the thumbnail. Thumbnail image is the featured image of the page or post selected.

iii) Setting background image for this section.
Go to Customizer > Home Service Section > Service Options > Background Image. Now, you can upload, remove or change the background image for service section.

 iv) Editing the main title.
Go to Customizer > Home Service Section > Service Options > Main title.
You can edit the main title here.

service-3

v) Selecting Services from either page/ Category
Go to Service Options > Select Service From.
Now, select page or category as per your need.

vi) Selecting number of services to be displayed
Go to Service Options > Number of service/s.
Now, you can select the required number of service/s you want to display.

vii) Selecting number of words appearing in single column
Go to Service Options > Number of Words in Single Column Content.
Now, you can set the number of words that appears in the services in the front page.

viii) Enabling Button
On checking this option, you will be able to enable the Menu Section Button which will direct the site visitors to a certain page. To enable,
Go to Customizer > Home Menu Section > Enable Button.

 ix) Editing ‘Browse All Button’ Text
Go to Service Options > Browse All Button Text.
You can edit the text there.

x) Selecting which page ‘Browse All Button’ leads to.
Go to Service Options > Browse All Button Link
Now, you can enter the required URL in the box.

2. Setting service icons.
Go to Service Icons. You can select specific icon for each service. A link with awesome icon collection is provided therein.

3.Selecting specific pages or posts for services
First, Go to Customize > Home Service Section > Service Options > Select Service From
Select page here if you want to display pages.
If you do not want pages but posts in the services, select category.

Please list all the required posts under a certain category first.
Then,
For displaying pages
Go to Customizer > Home Service Section > Select Service from Page
Now, you can select specific pages for each slider.
OR for posts,
Go to Customizer > Home Service Section > Select Service from Category.
Now, select the category that contains the posts you want to display.

10. Editing the settings in blog section

The blog section will be updated automatically as you publish new posts.
You can still edit various settings.
Go to Customizer > Home/Front blog section

blog_1

1.Enabling the Blog Section.
On checking the option ‘Enable Blog‘ the section will appear on the front page. When the option is not checked, it means that the section will be hidden.
2.Editing the main title.
Go to Customizer > Home Blog Options > Main Title.
You can edit the main title here.

3.Determining number of words appearing in sticky post.
Go to Customize > Home Blog Options > Number of words for sticky post.
Here, you will be able to set number of words appearing for the sticky post in the front page.
4. Determining number of blogs that appear in the front page.
Go to Customizer > Home Blog Options Number of blog/s
Here, you can set the number of blogs that appear in the front page (the featured post will not be counted)

blog_2

5. Determining number of words for blog post
Go to Customizer > Home Blog Options > Number of words for blog post.
Here, you can select the number of words that appear for each blog post in the home page.

6.Editing the read more text for each blog
Go to Customizer > Home Blog Options > Single Item read more text.

7. Enabling Button
On checking this option, you will be able to enable the Blog Section Browse more Button which will direct the site visitors to a certain page. To enable,
Go to Customizer > Home Blog Options > Enable Button.

8. Selecting which page ‘Browse All Button’ leads to.
Go to Customizer > Home Blog Options > Enter URL to redirect

9. Editing ‘Browse All Button’ Text
Go to Customizer > Home Blog Options > Browse All Button Text.

10. Selecting blog from category.
You can also display posts from a single category in the blog section. For this, Go to Customize > Home Blog Options > Select Category For Blog.
And, select the category you wish to display.
You can edit the text there.
Now, you can enter the required URL in the box.
Now, you can edit the text.

 

 

11. Widgets

Go to Customizer > Widgets.
You will be able to add and remove widgets for the given sections from there.

widgets

12. Theme Options

Go to Customizer > Theme Options
Custom CSS, header options, footer options, layout, pagination, back to top options etc can be enabled or edited from here.

theme_option

13. Footer

To change the copywrite text and to choose number of sidebar in the footer section.
Go to Customizer > Theme option > Footer Option.

footer

 

14. Rest All Options

Resetting all options allows going back to the default setting the theme comes with.
Go to Customize > Reset All options.
On checking the option and saving it, all the changes will be reset back to default.