Help Documentation
Divergent Wordpress Theme

Thank you for purchasing our theme ! Please take the time to read through the following sections before asking for support. As many support related questions can be answered simply by re-reading the documentation.

Installation

If you want to use all features of Divergent (Custom post types,shortcodes,widgets...etc), you should upload and activate all required plugins. After the installation of the theme, you will see a message about required plugins. Click "Begin Installing Plugins", install the plugins and activate them.

Note: You can also find these plugins in the theme folder in the "plugins" folder.

Go to Appearance->Themes and click "Add New" button
Click "Upload Theme"
Select theme package (zip file) -> Click "Install Now"
Click "Activate"
Click "Begin Installing Plugins"
Select "Install" -> Check all the plugins -> Click "Apply"
Click "Return to required plugins installer"
Select "Activate" -> Select all the plugins -> Click "Apply"

Loading Demo Content

If you want to upload demo content (posts,pages,menu...) to your website, download this zip file and extract (unzip) the xml file. After that use WordPress import tool to upload this xml file to your website.

For more information about importing content in WordPress; Click here

Important: To upload all the demo content properly, you should activate the theme and all recommended plugins before uploading the demo xml file.

Note: If you aren't using a fresh WordPress install, I recommend you to reset your database before loading demo content. You can do this easily with this plugin. After doing this don't forget to activate the theme and required plugins again before uploading the xml file...

After the demo installation, you should set up sidebars ,select a front page and set up Appearance->Theme Settings manually. Please read the following sections for more information.

Upload WordPress installer
Select demo xml file and click "update file and import"
Don't forget to check "Download and import attachments" box and click "submit"

Selecting Front Page

First of all you should create a static page (select a homepage template).

After that go to Settings->Reading and select in the drop-down box this page for the front page display.


How to create a blog page?

To create a blog page, create a blank page (select default page template). After that go to Settings->Reading and select in the drop-down box the name of the Page that will now contain your Posts. If you do not select a Page here, your Posts will only be accessible via other navigation features such as category, calendar, or archive links.


Creating Menu

You can create your menu at Appearance->Menus.

After creating your menus, you can manage your menu location (Sidebar menu).

You can also use WordPress Custom Menu widget to add your menus to the sidebars.

For more information about WordPress menus click here

Sections are the parts of your homepage. To display these sections first of all you should create a blank page and select "homepage" page template. All your sections will be displayed on this page.


Adding Sections

Title: It will be displayed as a tooltip on the right side of the menu icon

Menu Icon: This icon will be displayed on the left side of your website.

Text Editor: You can add text,image,shortcode etc. to this field like on the standard WordPress pages.

Featured Image: It is the image which is on the left side of your website on PCs, laptops etc. If you don't add any featured image, default image will be displayed (Appearance->Theme Settings->Featured Image->Default Image)

Second Featured Image: It will be displayed on mobile devices (Optional). Recommended image size is 1000x400 px.

Google Map: If you want to add a Google Map instead of an image to the left side of the section, first check "Activate Google Map" box. After that add your latitude and longitude.

To find your coordinates click here

To use the Google Map, you must get an API KEY from Google and add this key to the theme settings. For more information please look at the theme settings section.

Slug: It is the part of the section link. You can use this link to share a specific section.


How to change the order of the sections

You can use the following plugin to change the order of the section s.

Intuitive Custom Post Order

There are 5 page template; Default, Homepage, page XL, page with slider and page with video.

Default page template is a standard page with a featured image.

Homepage page template is the homepage template of Divergent. For more information please look at the selecting front page section.

Default page layout is 50% image - 50% content.This ratio is 30%-70% on page XL template.

You can use page with slider template to create a page with slider. If you select "Page with slider" from the dropdown, slider images box will be visible. You can upload your slider images to the main slider and to the mobile slider.

You can use page with video template to create a page with a You Tube video. If you select "Page with video" from the dropdown, video id box will be visible. YouTube have the video id directly in the url.

For example video id is Z19zFlPah-o on the following example;

http://www.youtube.com/watch?v=Z19zFlPah-o

General

Custom CSS: You can use this field to add your own css codes.

Activate CSS Loader: To disable loading image and activate css loader, switch on.

Loading image (80x80 px): You can upload your own loading image.

Second Loading image (64x64 px): You can upload your own loading image.

You can create your own loading image at Preloaders

Hide Sidebar: If you don't want to display sidebar, check this box.

Sidebar Icon: The icon of the sidebar button.

XL Single Posts: To use Page - XL Template on single posts, check this box.

Remove Meta Data: If you want to remove meta data (Author name, categories, tags) from single post pages, check this box.

Remove Social Sharing Buttons: There are social sharing buttons at the bottom of the single post pages. To remove them, switch on.


Homepage

First section of the homepage is static. You can setup this section from this tab. Available fields on this section are;

Name,Surname,Additional Info and Social Icons.

There are also two image field. One them is on the left side of the section, other one is on the right side of the section.

You can add your social icons from "Social Icons" page which is at the left side of the panel;


Google Map

There is a Google Map option on the sections. To use this feature, first of all you must get an API key from Google (It is free).


How to Get an API Key

1. Follow this link and click on Get a key:

2. Agree with the service Terms of Service:

3. Choose a name for your new key and specify the websites on which the key usage will be allowed. If you don’t need any website restriction, just put an * in that field (but don’t leave it blank, unless you are having issues with *!). Then click on Create:

4. Copy paste the key to the theme settings

5. Your API key should be up and running within 5 minutes.


Featured Image

Default Image: If you don't add a featured image to a post/page, this image will be displayed.

Blog Image: This image will be displayed on standard WordPress blog,archive,search,404 etc. pages.

Blog Thumbnail Height: The distance between the title and the date;


Galleries

This section contains the settings of the popup galleries.


Page with slider

This section contains the general settings of the slider which is on the "page with slider" page template. For more information please look at the page templates section


Page with video

This section contains the general settings of the You Tube video player which is on the "page with video" page template. For more information please look at the page templates section


Fonts

Divergent supports Google Web Fonts. To change default fonts, please follow the following steps;

Go to Google Web Fonts

Choose a font and click "plus" button on the top right corder of the font. After that copy the codes (like on the screenshots) and paste them to the fields on the theme settings page.

You can also change font sizes on this section.

Don't forget to check "customize" tab. You may need to check some boxes on this section.

Colors

You can change all colors of the theme easily with colorpickers. The colors of the theme are grouped. For example if you change the first color (default color is black),all black fields will be that color on the theme. If you want to change only a specific element's color, you should use General->Custom CSS field to add your custom css codes.


Tooltips

There are animated tooltips on menu icons, social icons and go to top button. You can disable/enable these tooltips or change the animations on this section.


Ecwid Store

To use Divergent custom Ecwid css theme, you should activate it from this section. If you want to use a standard Ecwid css theme or if you want to make your own css theme, don't activate it.

For more information about Ecwid, click here


Footer

Hide Footer: To hide footer (Copyright message and "go to top" button). check this box.

Footer Text:If you don't need to add a copyright message to your website, leave this field blank.

Photo Gallery

To create a photo gallery, select Photo Gallery option. You can add a gallery info. You can also add a featured image to your gallery. A gallery without a featured image and gallery info will not be displayed.

To add/upload your gallery images, click "Add or Upload File" button. You can make a multiselection with CTRL+click. After adding images you can drag-drop your gallery image thumbnails to change tthe order of them.

Photo Gallery

Video Gallery

To create a video gallery, select Video Gallery option.

Video gallery supports only You Tube and Vimeo videos.

To add a new video, you should click "Add Another Video" button.

Video Gallery

How to add galleries to the pages/posts

You should use gallery shortcodes to add your galleries to your pages/posts. For more information please look at the following shortcodes section.

Categories

How to change the order of the galleries

You can use the following plugin to change the order of the galleries.

Intuitive Custom Post Order

Adding Testimonials

To create a testimonial, click Add new testimonial link.

Title is the name of the person.

You can add any content to testimonial field.

How to add testimonials to the pages/posts

You should use testimonials shortcode to add your testimonials to your pages/posts. For more information please look at the following shortcodes section.

How to change the order of the testimonials

You can use the following plugin to change the order of the testimonials.

Intuitive Custom Post Order

You can use "DV Shortcodes" dropdown to add shortcodes to the pages.

DV Gallery

You can use this shortcode to display your galleries as a grid.

max: Maximum number of galleries.

categoryid: If you want to display galleries from a specific category, you can add your category id/ids. (You can find category ids on DV-Galleries->Categories page);

Categories

itemwidth: Minimum Item Width. You can play with this setting to create 1,2,3,4 etc. columns.

Sample Shortcode;


DV Gallery with Filters

You can use this shortcode to display your galleries as a filterable grid.

Filter menu will be populated with your gallery categories automatically.

max: Maximum number of galleries.

itemwidth: Minimum Item Width. You can play with this setting to create 1,2,3,4 etc. column layouts.

Sample Shortcode;


DV Square Gallery

You can use this shortcode to display your galleries as a square grid.

max: Maximum number of galleries.

categoryid: If you want to display galleries from a specific category, you can add your category id/ids. (You can find category ids on DV-Galleries->Categories page);

Sample Shortcode;


DV Testimonials

You can use this shortcode to display your testimonials.

autoplay: To activate autoplay, select "true".

duration: Duration of autoplay (seconds). You can use only numbers (1,2,3,4 etc.).

arrows: To enable navigation arrows, select "true".

numbers: To enable navigation numbers, select "true".

Sample Shortcode;



Accordion

First select number of item to be displayed and click ok.

Title: Title of the accordion item.

You can add the content between "accordion" tags.

Sample Shortcode;


Tabs

First select number of item to be displayed and tabs type and click ok.

Type: There are 2 type. Default (Horizontal) and Vertical.

Title: Title of the tab.

You can add the content between "tab" tags.

Sample Shortcode;


Table

First select number of item to be displayed and click ok.

left: The text on the left side

right: The text on the right side

icon: You can add a FontAwesome icon to the left. Click to view Font Awesome icon list

Sample Shortcode;


DV Icons

You can use this shortcode to add circle icons with titles and descriptions.

First select number of item to be displayed and click ok.

title: Title of the icon

icon: Click to view Font Awesome icon list

link: You can add a link to the icon. It is optional.

Sample Shortcode;


DV Resume

title: Title

subtitle: Subtitle

Sample Shortcode;


DV Skill

You can use this shortcode to add a skill bar.

title: Title of the bar

percent: A number between 1-100

Sample Shortcode;


DV Blog

You can use this shortcode to add your latest blog posts.

max: Maximum number of the posts

categoryid: If you want to display posts from a specific category, you can add your category id/ids. (You can find category ids on Posts->Categories page);

viewall: View all button text. If you don't want to display a view all button, leave this field blank.

Sample Shortcode;



Title with Border

You can make a title with a border with this shortcode

Title: Text of the title

Header Level: h1,h2,h3,h4,h5 or h6.


Iframe

You can add a embed responsive iframe/video/google map with this shortcode easily.

You should use embed iframe links to use this shortcode. Page links don't work.

The following is correct;



The following is wrong;



For more information, click here...

Where can I get Google Maps Iframe Link?


Button

You can use this shortcode to add a button to any page.

url: Destination url.

newtab: To open link in a new tab, select yes.

style: There are two style; primary and secondary

button text: Text of the button (you can add this text manually right before "dvbutton" closing tag).

Sample Shortcode;


Section Button

You can use this shortcode only on the homepage template.

id: Id of the section.

ID

slug: Slug of the section. Don't add "#". For example id is "2" and slug is "about" on the following example.

slug

style: There are two styles; primary and secondary

button text: Text of the button (you can add this text manually right before "dvbutton" closing tag).

Sample Shortcode;


Box

You can use this shortcode to add a text in a box.

title: Title of the box

style: There are 3 style. Light,dark and red.

box text: Text of the box (you can add this text manually right before "dvbox" closing tag).

Sample Shortcode;


Label

You can use this shortcode to highlight texts.

Sample Shortcode;


Image with caption

You can add a responsive image with a caption with this shortcode. After adding the shortcode use "Add Media" button to add an image into the shortcode.

There are 2 sidebar field in Divergent-WP ( Appearance->Widgets ). You can add your widgets to these fields.


Custom Widgets

There are 4 custom widget in Divergent.

DV Flickr: It displays your Flickr images. If you don't know your Flickr ID Click here

DV Square grid: It displays your galleries like Dv Square gallery shortcode.

DV Latest Posts: It displays your latest blog posts.

DV Iframe: You can use this shortcode to add an iframe video or a Google Map to the sidebar.

You should use embed iframe links to use this widget. Page links don't work.

The following is correct;

http://www.youtube.com/embed/hFQCe10xkec

The following is wrong;

http://www.youtube.com/watch?v=hFQCe10xkec

For more information, click here...

Where can I get Google Maps Iframe Link?

Ecwid E-commerce Shopping Cart is Fast and Easy to Use. You can sell simultaneously on your website, mobile phones, social sites and marketplaces like eBay, Google Shopping, Yahoo and Shopping.com with Ecwid.

To create a store, first of all you should create an account at Ecwid.

You can visit Ecwid knowledge base to learn how to create a store, add products and categories etc.

To add your Ecwid store to your WordPress website, You should upload and activate the following plugin;

Ecwid Shopping Cart

After the plugin activation, your online store page will be created automatically. All your products, categories etc. will be displayed on that page.

To use built-in Ecwid css theme, go to Appearance->Theme Settings->Ecwid Store and check "Activate Custom Ecwid Skin" box.

Intuitive Custom Post Order

You can use this plugin to change the order of the custom post types. You should select sections, galleries and testimonials after the plugin activation;

Visit the Official Website

Contact Form 7

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on.

Download the plugin

Help Document

Beginner's Guide to WordPress

If you are not an experienced WordPress user, I suggest you to start from this free course. After taking this free course you'll be completely comfortable with installing WordPress, adding new content, customising WordPress themes, using WordPress plugins, and managing existing blogs or websites.

Help Documentation

Many support queries and technical questions will already be answered in this documentation. So please take the time to read through all the sections.

Knowledge Base

Your question may already be answered in the knowledge base...

Item Support

Item support is a service provided by many authors on ThemeForest and CodeCanyon.


What's included in item support

Answering questions about how to use the item

Answering technical questions about the item (and included third party assets)

Help with defects in the item or included third party assets

Item updates to ensure ongoing compatibility and to resolve security vulnerabilities


What's NOT included in item support

Item customization

Installation of the item

Hosting, server environment, or software

Where can I get the item support?

You can use the contact form on the support page.