Veriyas PRO WordPress Theme Documentation

Introduction

Thank you for Purchasing our Veriyas PRO WordPress Theme. We are very glad that you have chosen our Veriyas PRO WordPress Theme for your website.

Veriyas PRO is our first enhanced and beautifully designed responsive WordPress theme for your marketing, corporate or professional business websites to showcase your business or portfolio.

This document is written very carefully by keeping the mindset that it should be easy understand for Beginner to Advance user or developers. We have divided this document in 3 main sections.

1) Getting Started : This section will very help full for Quick start and understand how the setup theme.
2) Detailed Document : This section explains everything about Theme with every setting.
3) Other : This section provides information about miscellaneous items like theme features etc.

If you have any query that is beyond the scope of document, please feel free to contact us at support@solwininfotech.com

Veriyas PRO Premium Business WordPress Theme
We offer theme customization. Get in touch for a quote.
Quick Search Tip: Access your browser search with keyboard shortcut "Crtl+F" (Windows) or "CD+F" (OSX) for instant results.

Installation

To install this theme you must have a working version of WordPress already installed. For information regarding installing the WordPress platform, please see the WordPress Codex  https://codex.wordpress.org/Installing_WordPress

1. Installation Via WordPress Admin Area

  1. Step 1. Log into your WordPress admin area.
  2. Step 2. Go to Dashboard » Appearance » Themes.

  3. Add New Theme

  4. Step 3. Now, Click on Upload Theme button at top and upload veriyas-pro.zip which you have downloaded from your Member Area at Solwin Infotech website.
  5. Step 4. Click on Activate once upload has finished.
  6. Upload New Theme
    Activate Theme


2. Installation Using FTP

  1. Step 1. Download veriyas-pro.zip file from your Member Area at Solwin Infotech website.
  2. Step 2. Extract Zip file.
  3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
  4. Step 4. Go to Dashboard » Appearance » Themes and find Veriyas PRO theme from list.
  5. Step 5. Click on Activate to active Veriyas PRO theme.
Active Theme

Install & Active The Plugins

After the Veriyas PRO theme is activated, a notification occurs on the top that will suggest which plugins are required in theme.

Activation Message

Recommended Plugin:

  • Contact Form 7: Manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.
  • Avartan Slider: A Responsive WordPress slider that allows you to create unlimited layers with text, image and video elements.
  • Blog Designer PRO : Blog Designer is a step ahead wordpress plugin that allows you to modify blog and single page layouts and design.

System Status Info

Note : Set "Max execution time" to at least "3600" and set "Max input vars" to "1500".

Above configuration will helps you to run the auto install successfully.

Syatem Info details Section

Auto Install Sample Data

Note: Before starting the auto install. Check the System status tab to ensure your server meets all requirements for a successful import sample data. Settings that need attention are listed in red.
Note: In order to import data successfully check that all required plugins are installed and activated.

Sample data provide the dummy content. By importing this data your site will look like the demo website.

To Auto Install Sample Data:

  1. Step 1. Go to your Dashboard » Veriyas PRO » Install Demos.
  2. Step 2. Select Demo Home Page Layout.
  3. Step 3. Click on "START INSTALL" Button to start Auto Install process.
One Click Install

Remove the installed dummy content from your website.

To Remove Sample Data:

  1. Step 1. Go to your Dashboard » Veriyas PRO » Install Demos.
  2. Step 2. Click on "UNINSTALL" Button to remove dummy content.
Remove Sample Data
Not Recommended: Do this action if you really want to remove installed sample data and want to start again from scratch.

Setting Up Home Page

This section will help you to arrange home page and other pages of your site. This will also guide to you as how to set up WordPress Menus, Create a Slider/Banner, Create Home Page, Use of Page Templates and insertion of shortcode in pages.

Home Page View
  1. Step 1: Go to Dashboard » Pages » Add New.
  2. Step 2: Enter page title.
  3. Step 3: Select template as Home Page Template for Page Attribute as shown in below image.
  4. Step 4: Publish this page
  5. Home Page Setting
  6. Step 5: Go to Dashboard » Settings » Reading, select home page as a front page.
  7. Front Page Home

Create Slider

  1. Step 1. Go to Dashboard » Avartan Slider

  2. Step 2. Click on

    Create new slider

  3. Step 3. Add the slider name. Shortcode of the slider will be generated automatically (see image below).

    Save Settings

  4. Step 4. Click on create slide button to save your slider.

  5. Step 5. Next to that, Click on Edit slides at top of page for edit your slide details.

  6. Step 6. To add new slide click on Add slide button at right side of the slide list and a add new Layer from Add New Layer

    create slide

  7. Step 7. In order to add Avartan Slider on any page, navigate to Pages » Add New.

  8. Step 8. Click on add-avartan-slider-btn

    Add Avartan Slider

  9. Step 9. Select slider and click on Insert Avartan Slider button.

    Select Slider

  10. Avartan Slider shortcode added successfully. Now save the page and enjoy the slider.

    slider added

Building The Menu

  1. Step 1. Go to Dashboard » Appearance » Menus.
  2. Step 2. Click on Create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu as shown in below image.
  4. Create a Menu
  5. Step 4. Select Pages like Home, Icons, Typography, Tabs, Share and Follow, Progressbar etc. from left Side, and click on Add to Menu button as show in below image.
  6. Step 5. After selecting pages select menu location and click on Save Menu.
  7. Final Step in Menu

  8. Primary Menu Front Preview
    Final Step in Menu

Create Mega Menu

Mega menu can create with Auto or Fixed width size. It will manage, automatically according to the number of columns. There is another option Navigation label which manages to show or hide navigation label.

Mega Menu Backend

Megamenu Creation

Mega Menu Front

Megamenu Front

Setting Up One Page Theme

Why and When to Use One page theme..?

A single page theme that displays all the essential features of your Website on the Home page. It makes easy for the users to scratch all the required information within a single page from whole site and represent it via Home page.

  1. Step 1. Go to Dashboard » Appearance » Menus.
  2. Step 2. Click on Create a new menu as show in below image.
  3. Step 3. Enter menu name and click on Create Menu.
  4. Step 4. Click on Custom Links and enter section id in 'URL' and Enter a menu title in 'link text' from left Side then click on Add to Menu button as show in below image
  5. Step 5. After selecting pages select menu location and click on Save Menu.
  6. Final Step in Menu

List down of widget name and id as show below.

Widget Name Section Id for menus
About Us : #about_us
Call to Action : #call_to_action
Display Video : #video
Latest Blog : #latest_post
Blog Designer Pro Shortcode List : #bdp_blog
Our Clients : #our_client
Our Features : #our_features
Our Portfolio : #our_portfolio
Our Services : #our_services
Our Team : #our_team
Our Testimonial : #our_testimonial

Setting up Page Template

How to select page template:

Select a page template from Page Attributes as shown in below image.

Page Template

There are following page templates:

  • Home Page Template: This page template is used to display home page content.
  • Full Width Page Template: This page template is used to display content in a full width page.
  • Left Sidebar Page Template: This page template is used to display sidebar at the left side in a page.
  • Contact us Page Template: This page template is used to display contact us page.

Setting up Blog Pages with Blog Designer PRO

Blog Designer PRO is a WordPress plugin that allows you to modify your blog layout, Archive Page Layout, Single Post Layout or designs and much more.

Blog Designer is an effective and user friendly way to beautify your blog pages on your websites. It' very popular plugins for all WordPress blog owners or authors who want to attract more clients as well as more blog visitors because of its great functionality and most useful features. It's very easy to manage for beginners to website developers.

The Blog Designer PRO provides 35+ built-in blog templates for you to use and design your blog page, single post page and all types of post archive pages. Please see demo with this link to check view all layout demos.

Quick Guide for Blog Designer PRO

Quick guide will help you to easily setup your blog page layout in 3 easy steps within 1 to 2 minutes. However, you can set it up in only 2 steps. 3rd step is required only in certain conditions like direct shortcode usage.

NOTE: Read this section if you want to setup your Blog page with the help of a Blog Designer PRO plugin. If you want to keep the design of your theme's Blog page, then Skip this section.

Please follow this quick steps.

Create a new Blog Page

Create a new blog layout

Please follow below steps.

NOTE: If you are using an old version of a Blog Designer PRO then first update your plugin copy.

Custom Header Option

Custom Header Option

Custom header option manages individual Header background for Pages and Posts. It provides below 3 options to manage it:

  • Default: It manages the common header, which is set in Theme option panel as Default for all pages and posts.
  • Background Image: It provides upload image option for particular single page as header background.
  • No Background: It manages no such header background from default theme option as well.

Add Portfolio

Add Portfolio

Add Team Member

Add Team Member

Add Testimonial

Add Testimonial

Add Client

Add Client

About Us Widget

This widget display about us section on the home page. This widget only for "Home Page Content Area" sidebar.

Admin Preview

Advertisement

Front End Preview

Advertisement

Blog Designer Pro Widget

Note: This Widget is only available when Blog Designer PRO Plugin is activated with your website.

This widget will be used to display blogs of Blog Designer Pro. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Blog Designer Pro Shortcode List

Front End Preview

Blog Designer Pro Shortcode List

Call to Action Widget

This widget will be used to display a call to action button. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Call to Action

Front End Preview

Call to Action

Contact Info Widget

This widget will be used to display your contact information like postal address, phone number, fax and contact email. This Widget comfortable in all sidebar areas.

Admin Preview

Contact Information

Front End Preview

Contact Information

Display Video Widget

This widget displays video. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Display Video

Front End Preview

Display Video

Flickr Widget

This widget will be used to display your Flickr photos from your flickr account. This Widget comfortable in all sidebar areas

Admin Preview

Flickr widget

Front End Preview

Flickr widget

Latest Blog Widget

This widget will be used to display your site’s most recent posts like the latest blog with featured images. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Latest Blog

Front End Preview

Latest Blog

Our Client Widget

This widget will be used to display client logos at the home page. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Clients

Front End Preview

Our Clients

Our Features Widget

This widget display features block on your home page. Please use this widget only for "Home Page Content Area" sidebar. This widget is only for "Home Page Content Area" sidebar.

Admin Preview

Our Features

Front End Preview

Our Features

Our Portfolio Widget

This widget will be used to display Portfolio. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Portfolio

Front End Preview

Our Portfolio

Our Services Widget

This widget will be used to display services block on your home page. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Services

Front End Preview

Our Services

Our team Widget

This widget display team. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Team

Front End Preview

Our Team

Our Testimonial Widget

This widget displays your client testimonials as a slider. Please use this widget only for "Home Page Content Area" sidebar.

Admin Preview

Our Testimonial

Front End Preview

Our Testimonial

Popular Post Widget

This widget will be used to display Popular Post.

Admin Preview

Popular Post

Front End Preview

Popular Post

Twitter Feeds Widget

This widget will be used to display your the twitter feeds on the sidebar. This Widget comfortable in all sidebar areas

Admin Preview

Twitter Feeds

Front End Preview

Twitter Feeds

Google Map Widget

This widget will be used to display your address on google map. This widget used in "Home Page Content Area", "Contact US Sidebar", All Bottom sidebars..

Admin Preview

Google Map

Front End Preview

Google Map

Add Shortcode in Page

  1. Step 1. Go to Dashboard » Pages » Add New.
  2. Step 2. Click on Default Shortcodes (as show in below left image).
  3. Step 3. Now, select the shortcode from list (as show in below right image).
Add Shortcode Button
Add Shortcode in Page

Headers Shortcodes

These shortcodes will be used for displaying h1, h2, h3, h4, h5, h6 tags.

H1 Tag :

[sol_header type='h1' title='demo content' margin_top='5px' margin_bottom='5px']

<h1 style='margin-top:5px;margin-bottom:5px'>demo content</h1>

H2 Tag :

[sol_header type='h2' title='demo content' margin_top='5px' margin_bottom='5px']

<h2 style='margin-top:5px;margin-bottom:5px'>demo content</h2>

H3 Tag :

[sol_header type='h3' title='demo content' margin_top='5px' margin_bottom='5px']

<h3 style='margin-top:5px;margin-bottom:5px'>demo content</h3>

H4 Tag :

[sol_header type='h4' title='demo content' margin_top='5px' margin_bottom='5px']

<h4 style='margin-top:5px;margin-bottom:5px'>demo content</h4>

H5 Tag :

[sol_header type='h5' title='demo content' margin_top='5px' margin_bottom='5px']

<h5 style='margin-top:5px;margin-bottom:5px'>demo content</h5>

H6 Tag :

[sol_header type='h6' title='demo content' margin_top='5px' margin_bottom='5px']

<h6 style='margin-top:5px;margin-bottom:5px'>demo content</h6>

Dividers Shortcodes

This shortcode will be used to add a divider in content.

Solid Line Divider :

[sol_divider type='solid']
Dotted Line Divider :

[sol_divider type='dotted']
Dashed Line Divider :

[sol_divider type='dashed]
Double Line Divider :

[sol_divider type='double']

Spacer Shortcode

This shortcode will be used to put a horizontal space of a given pixel.

[sol_spacer size='30px']

Message Box Shortcodes

This shortcode will be used to display messages like success, danger, warning, info, etc.

Success Message Box :

[sol_messagebox type='success'] Well done! You successfully read this important alert message. [/sol_messagebox]

Success Message Box

Danger Message Box :

[sol_messagebox type='danger'] Oh snap! Change a few things up and try submitting again. [/sol_messagebox]

Danger Message Box

Warning Message Box :

[sol_messagebox type='warning'] Warning! Better check yourself, you're not looking too good. [/sol_messagebox]

Warning Message Box

Info Message Box :

[sol_messagebox type='info'] Heads up! This alert needs your attention, but it's not super important. [/sol_messagebox]

Info Message Box

Share & Follow Icons Shortcodes

This shortcode will be used to display share and follow icons.

Share Icons :

[sol_shareicon size='small|large' shape='circle|square']

Share Icons

Follow Icons :

[sol_followicon size='small|large' shape='square|circle' facebook="https://www.facebook.com/" twitter="https://twitter.com/" pinterest="https://in.pinterest.com/" googleplus="https://plus.google.com/" rss="https://www.rss.com/" instagram="https://instagram.com/" linkedin="https://in.linkedin.com/" youtube="https://www.youtube.com/"]

Follow Icons

Tab Shortcode

This shortcode will be used to display the tabs.

[sol_tabs type='vertical|horizontal' style='1|2'][sol_tab title='add title here']add content here[/sol_tab][so_ltab title='add title here']add content here[/sol_tab][sol_tab title='add title here']add content here[/sol_tab][/sol_tabs]

Tabs

Progress Bar & Pie Chart Shortcode

This shortcode will be used to display progress bars and pie chart.

Progress Bar :


[sol_progressbar value='50' title_position='in' margin_top='5px' margin_bottom='5px' style='1|2|3']add title here[/sol_progressbar]

Progressbar

Pie Chart :


[sol_piechart value='80' show_percent='n' margin_top='0' margin_bottom='0' title='WordPress' style='1' thickness='0.3' width='250']add content here[/sol_piechart]

Piechart

Map Shortcodes

This shortcode will be used to display maps in content or contact us page.

1. Roadmap type :

[sol_map type='ROADMAP' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Roadmap

2. Satellite type :

[sol_map type='SATELLITE' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Satellite

3. Hybrid type :

[sol_map type='HYBRID' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Hybrid

4. Terrain type :

[sol_map type='TERRAIN' address='America' width='500px' height='350px' zoom='5' map_icon='icon path']

Terrain

Accordion and Toggles Shortcodes

This shortcode will be used to display accordion & toggle.

Accordion :


[sol_accordions style='1|2|3'][sol_accordion title='add title here']add content here[/sol_accordion][sol_accordion title='add title here']add content here[/sol_accordion][sol_accordion title='add title here']add content here[/sol_accordion][/sol_accordions]

Accordion

Toggles :


[sol_toggles style='1|2|3'][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][sol_toggle title='add title here']add content here[/sol_toggle][/sol_toggles]

Toggles

Pricing Table Shortcode

This shortcode will be used to display pricing table.

[sol_pricingtable columns='3|4' collapsed='y|n'][sol_pricingcolumn heighlight='y|n' title='Premium' price='$50' time_period = 'per year' btn_link='#' btn_txt='Buy Now']add content here[/sol_pricingcolumn][/sol_pricingtable]

Pricing Table

Sitemap Shortcode

This shortcode will be used to display Sitemap.

[sol_sitemap site_pages='yes' site_archive='yes' site_post='yes']

Sitemap

Icon Shortcode

This shortcode will be used to display Font Awesome Icons.

[icon type='icon-arrow-up']

Icons

Portfolio Shortcode

This shortcode will be used to display Portfolios in Your pages.

Note : To display all the portfolios in portfolio page add attribute "pagination = no" in portfolio shortcode.

[veriyas_pro_portfolio layout='portfolio_full_grid' pagination='no']

Portfolio

[veriyas_pro_portfolio layout='portfolio_grid' pagination='no']

Portfolio

[veriyas_pro_portfolio layout='portfolio_grid_isotope' pagination='no']

Portfolio

[veriyas_pro_portfolio layout='portfolio_list_isotope' pagination='no']

Portfolio

General Settings

General Settings

Design Settings

Design

Header Settings

Header Settings

Blog Page Settings

Blog page

Single Post Page Settings

Single Blog page

WooCommerce Product Page Settings

Product page setting

WooCommerce Single Product Page Settings

Single Product Page Setting

Import/Export

Import/Export

Theme features

The theme comes with tons of features that you can control easily via our user-friendly theme admin panel. You can find these features below:

  • Browser Compatible
  • Mobile Friendly Responsive Theme
  • Fully Widgetized Home Page
  • One page, Multi page and Landing Page WordPress Theme
  • Powerful Theme Options Panel
  • Smooth home page section animations
  • Inbuilt custom page templates like Home page, contact us page etc
  • Page Layouts – Full Width Page and Left Sidebar Page
  • 15 Very Useful Shortcodes instead of plugins
  • 4 different type Portfolio Layout
  • Latest Bootstrap & Font Awesome version Support
  • Avartan Slider Plugin available in Veriyas PRO theme
  • Blog Designer PRO Plugin available for Blog page design with 33+ different layout
  • Contact Form 7 ready: A working contact form
  • WooCommerce plugin support
  • WC Checkout Fields Editor plugin support
  • Unlimited color options
  • RTL Support
  • Translation Ready (.pot files)
  • One-Click Demo Content Installer
  • Pre-made Demos
  • 15+ In Build Custom widgets
  • Google Maps integration with animated custom pin point
  • Custom Header Scripts and Footer Scripts support
  • Compatible with: WordPress 4.X
  • And much more

FAQ

1. Does this theme support any plugins?

Veriyas PRO includes support of plugins like WooCommerce,WC Checkout Fields Editor, WP Super Cache, Avartan Slider, Blog Designer PRO, Contact Form 7 and Better WordPress reCAPTCHA.


2. For which purposes I can use your theme?

Veriyas PRO WordPress Theme is suitable for marketing, corporate or professional business websites to showcase your business or portfolio.

Translation

The Veriyas PRO theme is language compatible, thus can be translated into multiple languages. You can use POEdit plugin for translation.

  1. Step 1. Find the .pot file in /wp-content/themes/veriyas-pro/languages/

    .pot file
  2. Step 2. Select language from the admin side, Go to Dashboard » Settings » General in that check Site Language options.

    Select language
  3. Step 3. Check language prefix in front end, view HTML.

    Language prefix
  4. Step 4. Open the .pot file with POEdit and translate the texts into your preferred language.

    translate texts
  5. Step 5. Now you will get two separate files – a .po file and a .mo file.

    Note : When you save the files, you must name them according to your language code. Find a list of language codes at WordPress in your Language. For example, the language code for English is en_EN, so you would save the translated files as en_EN.po and en_EN.mo.

  6. Step 6. Now Paste that two .po & .mo files in /wp-content/themes/veriyas-pro/languages/ and rename to eg( en_CA.mo & en_CA.po ).

    .po and .mo files
For more about translating WordPress themes please visit the following link : https://developer.wordpress.org/themes/functionality/localization/

Update Theme

How to upgrade theme? Follow the below steps and upgrade your theme.

  1. Step 1 : Login with your WordPress admin area.
  2. Step 2 : Go to Dashboard » Veriyas Pro » Upgrade.
  3. Step 3 : Check your installed theme version and latest available version.
    upgrade theme
  4. Step 4 : If you already installed the latest version, then ignore the following steps otherwise go through to the following steps.
  5. Step 5 : Go to solwininfotech.com .
  6. Step 6 : Login with your username and password (If you are not logged in) OR Register .
  7. Step 7 : Buy Veriyas PRO theme (If you haven't purchased a theme).
  8. Step 8 : Go to My account.
  9. Step 9 : Click on "Payment History" tab.
  10. Step 10 : View your order.
  11. Step 11 : Download veriyas-pro.zip file.

Note: Please note that with the theme update any code modifications done in the theme's code will be lost, so please make sure you have a backup copy of the theme files before you update the a theme.

Now installing an update:

  1. 1. Update Using FTP

    1. Step 1. Download veriyas-pro.zip file from your Member Area at Solwin Infotech website.
    2. Step 2. Extract Zip file.
    3. Step 3. Using your FTP program, upload the non-zipped theme folder into the "/wp-content/themes/" folder on your server.
    4. Step 4. Go to Dashboard » Appearance » Themes and find Veriyas PRO theme from list.
    5. Step 5. Click on Activate to active Veriyas PRO theme.
    Active Theme

Note: Please note that some of your data that is not required in new theme will be deleted. So Keep your site backup with database before upgrading a theme.

Note: Please note that with the activating of the new theme it is possible your menu setting not to be saved for the new theme. If so, you just have to go to Appearance » Menus » Theme Locations, select the menu (it will be still there) and press the "Save" button.

Thanks For Using Veriyas PRO Theme!

We would like to thank you for using our Veriyas PRO Theme! If you have any difficulties with Veriyas PRO Themes or need any additional service, do not hesitate to contact us. We provide priority support with our all premium WordPress themes and plugins.

Just contact us on support.solwininfotech.com

We are very happy to assist you!