• Start
  • Important FAQ
  • Theme Installation
  • Homepage Setup
  • Header Setting
  • Setup Navigation
  • Setup Homepage Slider
  • Section
  • Homepage Sections
  • Footer
  • Page Templates & Sidebars
  • Widgets
  • Contact Page
  • Shortcodes
  • Basic Setting
  • Contact Form 7

Dinning - Restaurant WordPress Theme

Created: 20 Dec 2020

Latest Update: 16 Sept 2025

Version: 1.0

Recommended WordPress Version : 6.7 & Above

By: risingthemes

Email : support@risingthemes.net

Preview Image

Thank you very much for purchasing our theme.

We hope you have enjoyed the template’s live preview and you want to create such a beautiful website. Now, this documentation is everything needed for you to setup your perfect website. Please follow each instruction carefully, even single a line of code can do wonders (in all senses) so please don’t miss anything on this user guide


If you have any question, please feel free to contact us.

Read this before you edit anything

1. Why this documentation is very important?

We are sure that we have covered all the essential instructions needed to setup a nice theme as you see in our template’s live preview. We expect you to read this user guide before you open any support request (if you ask about things already present in this guide, you will be gently asked to read this again

2. If I need help, will you provide free support?

Yes, we have a dedicated support system where we offer free support. Our support is applicable only for issues and bugs within our product. We do NOT provide free customisation services in the scope of free support.

3. What kind of support are you providing?

We offer free support for our products where we can help you fix issues within our code (if any) and assist you on theme setup. Please note support is not applicable for third party jQuery plugins and GPL code components (because they are not created or maintained by us).

4. When can I expect a response from you?

Our team will be online during 10.00 to 17.00 on Monday – Friday (IST, India). For support request we usually make a response within 24 hours. Due to the complex nature of some queries, responses can’t be guaranteed a specific turn-around time, but we value each user and we will surely get back to you. In case if we experience heavy load of support tickets we will announce the status on Twitter.

5. If I need to customize this template will you offer it?

We are unable to provide free customisation services on our products. If you have great passion and considerable budget please open the request as a premium project, please email to: support@risingthemes.net We will get back to you via email.

6. How can I know about future updates and bug fixes?

We release updates regularly and we notify our users via Tweets as well as Email Newsletters (we do hate spam).

Theme Installation

1. Through WordPress Dashboard

  • Go to the menu Appearance > Themes and click on Add New button.
  • Click on Upload Theme button.
  • Click on Browse button and navigate to the unzipped theme package on your computer.
  • Look for a file called dinning-pro.zip Click on it to select, then click OK.
  • Click on Install Now button and wait until the installation is complete.
  • Click on Activate link to activate the theme on your WordPress site.
  • Go to Appearance >> Theme Options >> Restore Default.

Manual Installation using FTP client

If you know the FTP login details of the server where your site is hosted and you have a FTP client installed (such as FileZilla), you might consider using this way of uploading your theme.

  • Unzip the dinning-pro.zip file
  • Upload theme to /wp-content/themes/
  • Go to Appearance -> Themes and activate theme from Dashboard.

First you have to unzip the download file, find the zip file called percepriona-pro.zip, unzip it and upload the folder to the main WordPress installation folder » wp-content » themes. Please note that if you prefer this way of installation, you have to make sure that the main files of the theme are contained just within one folder of the themes folder.

You can activate the theme after it is uploaded on the server. In order to activate this theme you have to go to the admin panel » Appearance » Themes. In this section you should see the theme with a title dinning. Just click on the Activate button and your theme should get activated.

Homepage Setup

After activating the dinning theme, setup homepage using following

  • Go to Settings -> Reading -> Front page displays
  • Click on radio button of Your latest posts
  • Go to Appearance -> Theme Options and click on Restore Defaults in bottom side

Header Setting

The header consists of four main elements:

  • Navigation Menu
  • Site Name / Logo

1. Setting the Site Logo

The settings for to change the Site Logo is located in Appearance » Theme Options » Basic Setting

Setup Navigation

1. Multipage Menu

  • First of all create pages from Pages >> Add new page
  • Go to Appearance >> Menu
  • Click on Create a new menu link
  • Give a name to your menu in Menu name and click save menu button
  • Once you have create menu. You need to add pages by selecting with checkboxes. After adding menu list you can arrange it by drag and drop.
  • Select menu theme locations Primary Menu from Menu Settings
  • Click Save Menu after adding required pages, categories in the menu

Setup Homepage Slider



In order to add slides to homepage slider go to the Appearance » Theme Options » Homepage Slider

For each slide there are different options that you can apply.

  • You can change Home Page Slider Hide/Show.
  • You can change Slider Effects and Timing.
  • You can change Slider Animation speed, pause time
  • You can change Slider Hide/Show Direction Naviagtion of slider.
  • You can change Slider Hide/Show pager of slider.
  • You can change Slider Pause Slide on Hover.
  • Slider images should be of size 1520 × 750 pixels

If you don't want to use this default image slider, you can use any image slider WordPress plugin

  • Go to Appearance » Theme Options » Homepage Slider
  • Enter your slider shortcode which is provided by plugin without php tag

Sections

Section setting

Homepage Sections

The homepage contatins lots of section to create beautiful and professional website.

1. Stunning Things

  • To manage this section go to Appearance » Theme Options » Sections » Section 1
  • Use this shortcode to display stunning things for your comfort: [stunning][stunning_things icon="burger-soda" icon_style="light" title="High Quality Foods" link="#"]Etiam feugiat eleifend est, sed luctus odio tempor vitae. Vivamus maximus scelerisque ipsum nec commodo.[/stunning_things][stunning_things icon="cocktail" icon_style="light" title="Inspiring Recipes" link="#"]Etiam feugiat eleifend est, sed luctus odio tempor vitae. Vivamus maximus scelerisque ipsum nec commodo.[/stunning_things][stunning_things icon="fish-cooked" icon_style="light" title="Salutary Meals" link="#" last="yes"]Etiam feugiat eleifend est, sed luctus odio tempor vitae. Vivamus maximus scelerisque ipsum nec commodo.[/stunning_things][clear][stunning_things icon="hat-chef" icon_style="light" title="Veteran Staff" link="#"]Etiam feugiat eleifend est, sed luctus odio tempor vitae. Vivamus maximus scelerisque ipsum nec commodo.[/stunning_things][stunning_things icon="turkey" icon_style="light" title="Pristine Ingredients" link="#"]Etiam feugiat eleifend est, sed luctus odio tempor vitae. Vivamus maximus scelerisque ipsum nec commodo.[/stunning_things][stunning_things icon="truck" icon_style="light" title="Express Delivery" link="#" last="yes"]Etiam feugiat eleifend est, sed luctus odio tempor vitae. Vivamus maximus scelerisque ipsum nec commodo.[/stunning_things][clear][/stunning]

2. Make A Reservation & Video

  • To manage this section go to Appearance » Theme Options » Sections » Section 2
  • Use this shortcode to display make a reservation and video: [two_column_section][make_reservation bgcolor="#1b2c3d" main_title="Make A Reservation" sub_title="You can call us directly at" highlight_text="225-88888"][reservation_form form_name="Make A Reservation" form_id="186"][/make_reservation][video bgimage="http://localhost/rising/dinning/wp-content/themes/dinning-pro/images/video-img.jpg"][popup_video icon="play-circle" icon_style="regular" video_url="https://www.youtube.com/embed/CoAvaYOwm6k"][/video][clear][/two_column_section]

3. Visiting Our Restaurant

  • To manage this section go to Appearance » Theme Options » Sections » Section 3
  • Use this shortcode to display visiting our restaurant: <h3>Visiting our restaurant will fill you with warmth and put you in food heaven</h3>[clear][visitor icon="thumbs-up" icon_style="solid" image="http://localhost/rising/dinning/wp-content/themes/dinning-pro/images/visit-1.jpg" main_title="Staff" sub_title="Dedicated & Attentive Staff" link="#"]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, to...[/visitor][visitor icon="heart" icon_style="solid" image="http://localhost/rising/dinning/wp-content/themes/dinning-pro/images/visit-2.jpg" main_title="Food" sub_title="Mouth Watering Dishes" link="#"]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, to...[/visitor][visitor icon="coffee" icon_style="solid" image="http://localhost/rising/dinning/wp-content/themes/dinning-pro/images/visit-3.jpg" main_title="Atmosphere" sub_title="So Much Atmosphere" link="#" last="yes"]Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, to...[/visitor][clear]

4. Our Special Menu

  • To manage this section go to Appearance » Theme Options » Sections » Section 4
  • Use this shortcode to display our special menu: [custom_tab][tab_list title="Breakfast"][special-menu category="breakfast"][/tab_list][tab_list title="Lunch"][special-menu category="lunch"][/tab_list][tab_list title="Dinner"][special-menu category="dinner"][/tab_list][tab_list title="Desserts"][special-menu category="desserts"][/tab_list][tab_list title="Ice-Cream"][special-menu category="ice-cream"][/tab_list][/custom_tab]

5. Counter

  • To manage this section go to Appearance » Theme Options » Sections » Section 5
  • Use this shortcode to display counter: [counter icon="clock" icon_style="regular" count="69" number_color="#ffffff" title="Opening hours per week" title_color="#c5a572"][counter icon="check-circle" icon_style="regular" count="42" number_color="#ffffff" title="Most Delicious Dishes" title_color="#c5a572"][counter icon="star" icon_style="regular" count="7" number_color="#ffffff" title="Years Of Experience" title_color="#c5a572"][counter icon="trophy" icon_style="solid" count="9" number_color="#ffffff" title="Deserved Awards" title_color="#c5a572"][clear]

6. Freshy Food Online Store

  • To manage this section go to Appearance » Theme Options » Sections » Section 6
  • Install Woocommerce Plugin and add the product
  • Use this shortcode to display freshy food online store: [recent_products per_page="4" columns="4"]

7. Upcoming Events

This section is used to display upcoming events in your website

  • First of all add new create posts from Events -> Add New
  • To manage this upcoming events section go to Appearance » Theme Options » Sections » Section 7
  • Use this shortcode to display Upcoming Events Posts Grid Type: [upcoming_events show="3" type="grid" column="3"]
  • Use this shortcode to display Upcoming Events Posts Slider Type: [upcoming_events show="-1" type="slider"]

8. Discover Our Gallery

This section is used to display discover our gallery

  • First of all add some gallery images from Discover Our Gallery -> Add New
  • To manage this team section go to Appearance » Theme Options » Sections » Section 8
  • Use this shortcode to display discover our gallery: [photo-gallery show="6" type="grid" column="3"]

9. Our Awesome Chef

This section is used to display Best Team Work list in your website

  • First of all create new posts from Our Team -> Add New
  • To manage this team section go to Appearance » Theme Options » Sections » Section 9
  • Use this shortcode to display Our Team type Grid: [our-team show="4" type="grid" column="4"]
  • Use this shortcode to display Our Team type Slider: [our-team type="slider" show="-1"]

10. Customer Feedback

This section is used to display testimonials in your website

  • First of all create new posts from Testimonials -> Add Testimonials
  • To manage this testimonials section go to Appearance » Theme Options » Sections » Section 10
  • Use this shortcode to display testimonials: [testimonials show="4"]

11. Recent Articles

This section is used to display Lates Blog Posts in your website

  • First of all create new posts from Posts -> Add Posts
  • To manage this section go to Appearance » Theme Options » Sections » Section 11
  • Use this shortcode to display our blog posts type Grid: [latest-news show="3" type="grid" column="3" comment="show" date="show" author="show" category="show"]
  • Use this shortcode to display our blog posts type Slider: [latest-news show="3" type="slider" from_category="Add category slug" comment="show/hide" date="show/hide" author="show/hide" category="show/hide"]

Footer

The Footer section consists of four main elements:

  • Address
  • Opening Hours
  • Contact Us
  • Copyright & Design by text


To manage footer section go to the Appearance » Theme Options » Footer





Page Templates & Sidebars

When you create a new page from the Pages » Add New section, the "Default Template" is assigned to the page by default. The default page template is a standard page template that can be with a sidebar or full-width layout and can contain custom content.

  • Default Template
    • Used to setting up the content on any page with Right Sidebar
  • Left Sidebar
    • Used to setting up the content on any page with Left Sidebar
  • Full Width
    • Used to setting up the content on any page without Sidebar
  • No Sidebar
    • Used to setting up the content in center on any page without Sidebar
  • Contact Us
    • Used to setting up the contact page.


Widgets

The WordPress widgets are used to manage sidebars:

  • Can manage sidebar from widgets (exa. blog sidebar and main sidebar)
  • Footer section can manage from footer widgets 1,2.3,4


Contact Page

To view contact page shortcode go to Appearance » Theme Options » Contact Page:





Shortcodes

To view all shortcodes go to Appearance » Theme Options » Short Codes:



Basic Setting

To view besic setting go to Appearance » Theme Options » Besic Setting:



Contact Form 7

To view contact form in contact us Page:

  • First of all install Contact Form 7 Plugin
  • Use this shortcode to display Contact Form: [contact_us][contact_us_form form_id="309" form_name="Contact Us"][/contact_us]