Setting up your theme

1) Creating pages

Start by creating the pages you are going to need.

  1. Home. This will serve as your homepage,. Assign to it the Front Page template from the Page attributes panel and publish the page.
  2. Blog. This will be your posts page. Just create it, no need to add content now.
  3. Contact. Here you can place your contact form. Apply the Contact Page template. To add a form to the page use the Contact Form 7 or Jetpack plugin and to add a map follow the instructions in the Contact Options panel that appears below the main editor (after the template is selected).
  4. Menu. This page will serve as your menu listing page. Apply the Menu Listing or the Menu Listing with images template to it. Once a menu listing template is selected the Menu Listing options panel will appear below the main text editor. Here you can make your listing page display only one menu category, instead of all items, or make it display or hide the specials.
  5. Events. This page will host your events. Apply to it the Events Listing template. In the Events Listing Options panel that appears once you select the template you can select which and how many events you want to display.
  6. Reservations. This page will host a form for your visitors to send reservation requests for your events. Apply to it the Reservation Page template and publish the page.
  7. Slider & Video templates. The theme also has a slider and a video template. You can use each one to display a simple page with a slider on the top and your content or a video with your content below it.

(TIP: All page titles serve as examples, you can name your pages according to your needs.)

Once you create your pages, navigate to Settings > Reading. Set the “Home” page to be your static frontpage and the “Blog” page to be your posts page, as demonstrated in the image below:

reading-settings

2) Populating your blog

To add new posts to your blog, go to Posts > Add new, title your post and enter the content in the editor. Upload a featured image by clicking Set featured image on the Featured Image panel, add a category and/or tag to the post from the respective panels. Publish the post.

add-new-post

3) Adding slideshow items

To add items to your homepage’s slider go to Slideshow > Add New, set a title for the slider item and upload a featured image (which will be the image displayed on the homepage, images for the slider should be at least 1140x600px). Then in the Slider Details panel you can optionally set a URL to which the user will be redirected when clicking on the slide. You can also customize the slider button’s wording. When you are done, publish the slider item. Slider speed and autoslide functionality can be adjusted under CSSIgniter settings > Homepage options.

resto-add-new-slide

4) Adding menu items

  1. First, you need to create some categories for your menu items. From your admin panel, go to Menu > Menu Categories, and then create categories such as Appetizers, Main Dishes, Desserts and Drinks.
  2. Go to Menu > New Menu Item and enter the title (e.g. Bloody Mary) and on the main content box enter the description (e.g. A bloody-red spicy cocktail with tomato-juice and Tabasco). Select the Menu Category that it belongs into (Drinks), add a Featured Image by clicking on Set featured image and move to the Menu Item Details panel below.
    resto-menu-item-details
  3. Set a short description for your item and choose to mark it as special if required. Below you can set prices for various sizes of the dish or volumes of a drink. Finally you can add additional information about the dish, i.e. if it has a vegetarian alternative, or if it is suitable for diabetics etc.

5) Adding events

To create a new event go to Events > New Event. Give the event a title, add a featured image and its description in the editor text box. Then move to the Event Settings panel below. In the Event Details tab you can set a subtitle for your event, its date and time and if it’s a recurring event, you can mark it as such. Next in the Event Information tab you can add additional information, like admission price, the event’s location, event duration, venue capacity etc.

resto-event-settings

6) Adding testimonials

To add a testimoial go to Testimonials > Add New. Set a title for it (the author’s name) and add a featured image. Then in the Testimonial Details panel you can add a byline for the testimonial’s author, such as a work description etc.

business3ree-testimonial

7) Creating your menu

Go to Appearance > Menus check the pages you want on your menu and add them. Give your menu a name and save it. You will need to set your menu as Main menu. This can be done either by checking the Main menu box in Menu Settings just below your menu items in Menu Structure or by going to the Manage Locations tab and selecting the menu you just created.

resto-menu

(TIP: for more info on creating and managing menus, please read the WordPress Menu User Guide here)

8) Setting up your homepage

The homepage consists slideshow items and a widget area that provides you with maximum flexibility on the content displayed. The widget area can be accessed under Appearance > Widgets > Front Page Widgets.

Duplicating the demo’s layout

The homepage on the theme’s demo consists a single slider item along with a few widgets. These are: A Ci Info displaying business relevant information. A CI Split Custom displaying some information about the Chef. A CI Handpicked widget, displaying three menu items with the ‘Big on left, two right’ layout selected. A CI Testimonials sliding between three testimonial items. A CI Upcoming Events displaying five events and finally another CI Info widget.

9) Changing Footer text

The theme’s footer features an main and a secondary area for you to enter your copyright information, privacy policy etc. To change the text you need to go to CSSIgniter settings > Site options (5th box down).

mobilee-footer-text

10) Setting a default header image

Under Appearance > CSSIgniter Settings > Appearance Options you can set the default header background image for all your pages in the Header Display box.

resto-header-display

11) Widgets

The theme features thirteen custom widgets made to help you display your content. They can be found under Appearance > Widgets

resto-widgets

Below each widget there is a small description that describes their function.

Additional Information

Useful Plugins

  • CSSIgniter Shortcodes You can use this shortcode plugin to create a variety of layouts and elements on your site. Instructions can be found here.
  • Socials Ignited Use this plugin to create a widget that links to all your social profiles. You can also customize it with your icons and add new social networks. A guide can be found here.
  • Contact Form 7 Use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars.
  • WordPress Jetpack: Jetpack is a popular plugin that adds a variety of features to your website. Among them are the ability to create contact forms, add sharing buttons and create tiled galleries.

Image Sizes

The recommended image sizes for the Resto theme are:

  • Post thumbnail: 690×437px
  • Header image: 1920×160px
  • Homepage slider: 1140×600px
  • Page slider: 945×500px
  • Menu Specials: 690×306px
  • CI Testimonials widget thumbs: 130×130px
  • CI Split Custom widget thumbs: 750×750px