VERTEX

Creative One|Multi Page WordPress Theme



Dear customer, thank you for purchasing our theme. We hope that you be satisfied with our theme as well as our customer service. Let us know our faults and flows. If you have any questions that are beyond the scope of this help file, please feel free to email us via our user page here or send us a message in here. We are most thankful for being with us. Thank you. Our online documentation can be found here.

Here you may find a complete description of the most important features of our wordpress template. For more detailed version of this description and to see how animations of these elements work, please go to Features Demo.

Page Builder

Visual Composer is one of the well known WordPress page builders that lets you create a site with a little bit of programming knowledge. We customised this plugin to let you create your web pages without ANY need to ANY programming knowledge. To use wp-backery visual composer you have to follow these steps:

Here you may find more information on how to work with WP bakery visual composer.

Shortcodes

Here we customized WP-Bakery  and added a lot of additional features to make creating webpages even easier and more fun. These shortcodes are available at:

This is a list of the most important shortcodes.


Add a URL

In some of our short codes like, video, soundcloud etc., you may need to add a URL to your shortcode to make it work. To add a URL, copy and paste the information of your browser's address bar to to box that requires your URL. For instance in youtube.com, the box that is bordered with another red box(following picture) contains the URL of your video.

Revolution Slider

To insert a slider by the use of Revolution Slider, the first step is to create a new slider. To do so, follow these steps.

After the creation of a slider you may add as many slides as you want to your slider. To add a slide to slider,

For more information and techniques belease refer to slider documentation here.


How to add revolution slider to a particular page?

You have two ways to add a Revolution Slider, slider to your web page. The first one is our simple way which is

By the use of this way you may add Revolution Slider to the top of your extenal pages.

If you wanted to use Revolution slider any where in your pages, you have to use its shortcode and select your favorite slider.

By the use of this way you may add Revolution Slider to the top of your extenal pages as well as adding it to your sections.

Epico Slider

Note: For now, Epico Slider can only be shown on the top of Main page of your website.

To add a slider by our custom slider, the fisrt step is to create one(or more than one) slides. To do so, follow these steps.

To configure your main page slider (Epico Slider) do as follows:

Here is a Sample of Epico Slider

Portfolio

For creating a portfolio the first step to take is to add some portfolio items. First of all you have to create a(probably more than one) portfolio item.

To add your portfolio to your page

Header|Menu

For header costomization settings you can do as the following image shows:

For footer costomization settings you can do as the following image shows:

Map

Google map can be enabled in the footer. For doing so you may follow these steps.

To set a location for google maps first of all go to here.

Search for your address

Right click on your desired location and choose " what's here? "

Copy and paste relative amounts in the respective textbox.

Sidebar

Note: You can make different Sidebars with different names and the add them to your desired webpage. To create a Sidebar go to:

To add a Sidebar to your page

You may need additional setups for your webpage, you will find them where the figure leads you.

Preloader

To activate and setup preloader, follow these steps:

Preloader Samples are

Blog

For the information on how to setup a blog page for onepage websites visit here and for multipage wesites here.

To change the settings of your blog page's sidebar follow these steps:

Blog samples are:

Widgets

WordPress Widgets add content and features to your Sidebars as well as your footer widget area. We provide you additional widgets that give you more options for your Sidebar and footer customization. To add a widget to a Sidebar or a footer, all you have to do is to drag and drop that particular widget into the Sidebar (footer) of your choice or click on that widget and choose your desired Sidebar(footer).

Contact Form

To create or alter a contact form 

To learn how to work with Contact Form 7 please read its documentation and contact its support here.

If you want your contact form to exactly look like our demos' contact form, please copy and paste this code with the one you see on the previous picture.


Contact Form code


Shop & WooCommerce

For a complete documentation and how to work with WooCommerce pages and creating a shop refer to the following web link here.

Wish List

This plugin is one of WooCommerce plugins. It helps your customers to like your products and add these products to their shop account. For further information please refer to its website available here.

The software version you need for using this theme is WordPress 4.2 or higher. If you want to build a website on a server you may buy a Linux based server.

Before anything you have to install a fresh copy of WordPress on your server to do so please watch the following video tutorial or read WordPress help here.


Video Help

Since our theme is a little large you may need to change some php configurations, to be able to upload our theme to your Self hosted WordPress, or you may use FTP accounts. In here we provided a link to one of YouTube videos that help you to change the upload limit of your WordPress.

Unzip the package you downloaded by themeforest. 

Upload your theme as follows

If you have trouble uploading your theme this way, try to follow steps that were mentioned by this webpage

Since we added additional plugins to help you create a more good looking website in an easier way, you have to activate these plugins. To install and activate these plugins,

 

You can use one of our predefined demos, these demos installation is as easy as pie. all you have to do is to click once.

One Click Demo Installation

No words needed, just follow these steps:

This is it, your website is ready!

Manual setup is to set your page's configuration as you want. It means that you don't like to use any one of our demos. It may require several clicks but it is still easy and you won't need ANY programming knowledge, all you have to do is to broaden your imagination and be creative.

To create a onepage website, first, you have to create your main page and your sections, then you can generate your onepage website.

Main page

For adding a main page to your website:
For making your page a front page go to:
This is it, you don't need to alter this page any more, leave it as it is and start creating your sections.
 

Sections

To create a Section

To add a new section to your website, first click on add new from dashboard, then click on the "+" button, afterwards choose as many shortcodes as you want to, remember each row is a container for other elements you may like, to create a parallax section with text for example, create a row of type parallax, select the parallax image and then press the smaller +utton on the top of your new row to add text other images etc. The only thing you need to do is to name your page and the publish it.

 

Blog 

To create a blog section

Note: The only possible blog skin in onepage websites is the toggle mode.

You have to tell wordpress which section is your blog section. To do this

Shop

Note: you have to install WooCommwerce plugin before you start to add shop to your website.

After the installation of WooCommerce plugin, this plugin will ask you to automatically create pages that you may need for having a shop in your website. After istalling them, you just need to customize them.


Generating Onepage Websites

After creating your sections refer to:

Note: Don't add Sections as sub-menus.

If you wanted to hide some sections of your web site from the menu check their visibility checkbox as the figure shows you.

Save your menu and your website is ready.

To create a multipage website, first, you have to create your main page, then add as many pages as you want.

Main page

For adding a main page to your website:
For making your page a front page go to:

External Page

To create an external page:

To add a new section to your website, first click on add new from dashboard, then click on the "+" button, afterwards choose as many shortcodes as you want to, remember each row is a container for other elements you may like, to create a parallax section with text for example, create a row of type parallax, select the parallax image and then press the smaller "+" button on the top of your new row to add text other images etc. The only thing you need to do is to name your page and the publish it.

 

Blog 

To create a blog as an external page

You have to tell wordpress which section is your blog section. To do this

You can set additional features for you blog, more information in here.

Shop

Note: you have to install WooCommwerce plugin before you start to add shop to your website.

After the installation of WooCommerce plugin, this plugin will ask you t automatically create pages that you may need for having a shop in your website. After istalling them all you may need is to customize them.


Final steps would be configurations provided by us to let you change your wesites settings even more. Configurations like, fonts, social icons, color schemes etc. To do so refer to:

If you bought our theme from ThemeForest website you are provided with an envato toolkit that is available under plugin tab. This plugin helps you to update your theme  regularly with only and only one click. It is worth saying that you won't receive updates if you did not buy our theme from ThemeForest.

1) Activate envato plugin

2) Obtain your API key from your ThemeForest account

3) insert you API key in the plugin and update

9/11/2015 | Version 1.1.1

1. VC-Grid bug fixed.
2. Animation shortcode for devices larger than 1024p
3. Dark/light style for read more buttons in showcase
4. Demo 6 added
5. lib/forms/feildtemplate.php - an error on some PHP configuration fixed
		

9/8/2015 | Version 1.1

1. Behance social link and its icon added.
2. Show/Hide shop page title added.
3. Video position in creative portfolio detail fixed.
4. 2 new preloader styles added.
5. Preloader color option added.
6. Page loading speed decreased.
7. Read more option added to showcase.
8. Incompatibility with revolution slider V5.0.6 fixed.
9. Shop: Restyling for affiliate products.
10. Shop: Restyling for variation products.
11. Shop: Restyling for grouped products.   
12. Site title's issue fixed.
13. Minor CSS fixes.
		

9/5/2015 | Version 1.02

1.Documentation Updated

9/4/2015 | Version 1.02

1. Translation files ( po / mo ) added.
2. Product sided gallery bug fixed.
3. Portfolio filter wrong position in demo's sidebar fixed.
4. Revolution Slider and Visual Composer plugins updated to the lastest versions.

9/2/2015 | Version 1.01

1. Dummy datas of 7th, 8th and 9th demos were added.

9/1/2015 | Version 1.0

1. Release

If you problem was not listed here or your issue was not solved by taking these steps, feel free to join our forum and ask your questions there.

 

Support Forum