Naveda WordPress Documentation

The Documentation


VIDEO TUTORIAL


Install Naveda Theme

Import Naveda Sample Data

INSTALLATION


There are two ways to install theme. It belongs to the way you choose your preference.

Install Theme via WordPress

Note: If you see this message “Are You Sure You Want To Do This” when installing yolo-naveda.zip file via WordPress, it means that you have an upload max file size limit. Please try to read this blog to find a solution for your website.

Install Theme via FTP

Follow this video tutorial on how to install Naveda theme & plugins

Plugin Installation

Here is the list of plugins that will come together with our theme when it is activated. It is recommended to install and activate these plugins based on your own need:

Import Demo Content

The easiest way to import our demo content is to use our Demo Content Importer. Our importer will give you all pages and posts, several sample sliders, widgets, and more.

Import Slider

All our sliders should imported before importing Sample Demo Data, please follow these steps:

Import All Content Demo
import sample data
Follow this video tutorial to import sample data of Naveda theme

Update Theme

Auto Update

Please follow these steps to update this theme automatically:

Manual Update

You can also update the new version in traditional way:

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo

It’s because some basic settings are needed on WordPress site. If you know where the issue is and how to fix it, please skip this section.

Setup Home Page & Blog Page

To assign Homepage and Blog page, please follow these steps:

Assign Menu

Please go to Appearance > Menus, then find Menu Settings > Theme Locations at the bottom.

Check the Primary Menu, then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme.

You can see more details at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings >Permalinks, then change the Common settings to Post name.

You can see more details at:http://codex.wordpress.org/Using_Permalinks. After these steps are done, your site will look like our demo, you can move on to process to build your content.

THEME OPTIONS


Based on Redux Framework, Naveda provides Theme Options helping users easily to control WordPress theme. There are many options in Theme Options, each option has a mission to make your website nicer and more eye-catching. You absolutely go to Appearance > Theme Options to see all options. And do not forget to follow this section to see description of each option in Theme Options.

General Setting

General Setting section allows you to configure general pages such as select page preloader or configure enhancement or 404 page.

General Setting
General Setting
Enhancement
enhancement

Enhancement section will help you enable the coming soon/ maintenance mode and enable JS, CSS file for your website.

404 Setting
404 setting

404 section allows to configure 404 page by adding title, background image for 404 page.

Page Setting

Page Setting section will help you to configure main page on your WordPress site. There are 3 sections you need to configure on Page Setting including Archive page, Search Page and Single Blog section.

pages-setting
Pages Setting

Pages Setting

Pages Title Setting

Archive Page

Archive page section provides many options which will help you configure archive page for your WordPress Website.

pages-setting

Archive Page

Archive Title Setting

Search Page

Search Page section allows you to configure all options of Search Page.

search-page
Single Blog

Single Blog section allows you to configure single blog page. For example: layout, sidebar, etc.

pages-setting

Single Blog

Single Blog Title Setting

Logo & Favico

logo&favico

In this section, you can upload your logo, sticky logo and custom favico for your WordPress website.

There are many options on Header section helping you to configure Header for your WordPress website. Follow these descriptions to learn more about them:

header

Header Schema

Header Navigation

Header Customize

Header Customize section will help you to configure megamenu, select search button style, shopping cart style, etc.

header

Header Customize Navigation

Header Customize Left

Header Customize Right

Mobile Header
mobile menu

In this section, you can select Footer Block for your main page..

Styling Option

styling-options

Styling option allows you to configure Primary color, text color, submenu color and page title color for your website.

Sub-menu Scheme

Page Title Background Color

Typography

In this section, you can select Fonts for body, menu, page title, page sub title from dropdown list font.

Social Profile

Social Profile section allows you to turn on social media and add the link your account to your website.

Promo Popup

Promo Popup allows you to create a Newsletter form which will be displayed when visitors begin getting access to your website

promo-popup

WooCommerce

WooCommerce section provides many options helping you to configure shop page, archive product page and single product page.

promo-popup
Archive Product
archive-product

Layout Options

Page Title Options

Single Product
single-product

Layout Options

Page Title Options

Product Related Options

Portfolio

Portfolio section wil help you to configure options of portfolio page.

portfolio

Portfolio Page Title Options

Portfolio Single Settings

Custom CSS & Script

In this section, you absolutely add your Custom CSS and Custom JS segments for your website.

Import /Export

In this section, you can import or export date from your website.

HEADER


Add Header To Page

There are two ways which you can use to add header style to page:

Header Styles

Naveda supports 8 header style layouts. Follow these images below learn more about theme:

PAGE


Create New Page

create_new_page
 

Page Options

We have created some specific Naveda page settings which will help you to build splendid pages for your website. Follow the list of options below to see how they work:

Page Layout
page_layout
Page Color
page_color

Page Color section allows you to change the Primary Color, Link Color, Top Bar Text Color, etc. If Customize Page Color option is turned off, your page will inherit the color from Theme Options.

Page Top
page_top
Page Header
page_top

Page Header will allows turning On/Off Header for your page. In addition, you absolutely customize Header Customize option, if Header Customize option is turned on, you can configure many options for your page such as Header Layout, Header Scheme, Header sticky, etc.

Page Header Customize
page_top
Logo
page_logo
Menu
page_logo

Menu section will help you to choose separated menu for page. You can select Page Menu and Page menu mobile.

Page Title
page_logo

On this section, you can customize your page title with many options such as turn on/off page title, select color for page title or sub title from table color.

Page Footer
page_logo

Page Footer allows you to select footer to override footer selected on Theme Options

Header Mobile
page_logo

POST


Create New Post

Follow these steps below to create blog post:
create_ post
 

Post Format

Naveda supports 7 post formats. Follow these steps below to see the description of Post Formats and Global setting of Post.

Page Options

Like Page Options section of Page, you absolutely configure more options on Page Options of Post. To learn more about descriptions of each option, please visit Page section.

Naveda CUSTOM POST TYPE


Team Member

Create New Team Member
Team Member Setting

Footer Blocks custom post type will help you create particular footer style by using Visual Composer shortcode. On Naveda, we provides 11 sample footer blocks. You can install our sample data to learn more about this.

Create New Footer Blocks

Testimonials

Create New Testimonial
Testimonial Settings

PORTFOLIO

Configure Single portfolio

Firstly, to establish the standard configuration for portfolio page as layout, background, title, etc. You can go to Theme Options > Portfolio Settings. There are many options on this section, configure each option as you want.

Create New Portfolio Item

Portfolio Page

To set up a page as Portfolio page on our demo website to show all portfolios such as 2 columns, 3 columns, you can create a new page. Then, use Yolo Portfolio shortcode and configure option in this shortcode. This shortcode will help you to create Product list page.

WOOCOMMERCE PLUGIN


When WooCommerce plugin is installed in your WordPress website successfully, you are able to create online shop or product list page. Below is the guide to create Product or shop page using WooCommerce.

Create New Product

To create a new product, please follow these steps:

Shop Page

To set up a page as Shop page to show all products, create a new page. From admin panel, navigate to Woo Commerce > Settings

In Products tab, navigate to Display sub-tab on the top, here you can find your page from dropdown list to set as Shop page.

Product List Page

To set up a page as Product List page to show all products such as product list 2 columns, 3 columns, you can create a new page. Then, use Yolo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.

FOOTER


Please follow these steps to how to add a footer block to page

If you have imported our sample demo data, a lot of Footer blocks are available, you can go to Footer Blocks to see all Footer Blocks or edit them.

In addition, we used Visual Composer shortcodes to build Footer Blocks. To turn on Visual Composer shortcodes on Footer Blocks, navigate to Visual Composer > Role Manager > Posts type : Custom > Check yolo_footer checkbox.

NEWSLETTER


Create Newsletter Form

Please make sure that you have installed Contact Form 7 before, then follow these steps to create newsletter page.

Newsletter Form Style

Naveda supports 3 Newsletter Form Styles for your website. With each Newsletter Form Style, we declare a class. Each class has separate CSS style, you can easily to use one of classes to your website.

Follow lists below learn more about Newsletter Form Styles:

TRANSLATION


Naveda is a WMPL – compatible and multi- language ready theme. To translate this theme, follow these steps below

SUPPORT


When you come to this section, we hope that you found all the information provided in this documentation helpful and you have finished installing and polishing your site as what you have imagined of. After reading carefully this guide, if you still need any helps, don’t hesitate to contact us at Yolo Support Center. You will be asked to create an account if you are new to us and enter purchase code to post a topic for support. To get your purchase code, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button on the left side of our theme, choose “License Certificate” to download the license file where you can find the purchase code.

Please be noted to post a topic with your issues be clearly clarified. It is recommended you send us together with link of your site and your admin account. These will help to save time for both of us. Finally, please be patient. It will take us some time to check all the topics and we will solve topics from older to newest.

Hopefully, you will enjoy using Naveda! Thank you for choosing our theme.