1. Start
  2. Instalation
  3. Theme Setup
  4. Portfolio items setup
  5. Slideshows setup
  6. Built in fetures
  7. Built in widgets
  8. Plugins
  9. Javascript
  10. Sources and Credits

Evolve

Multipurpose Wordpress Theme

version 4.9.2


Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to ask us via our support forum. Thanks so much!

Installation


System Requirements

Evolve as any WP theme have some system requirements, listed below:

Browser Requirements

The back-end administration requirements of Evolve admin panel in order of preference are as follows:

Traditional Way Installation

Step 1: Upload Theme.

Upon downloading the package, you will have an "Evolve_theme" folder inside the theme package.Unzip Evolve_theme.zip located in this folder. Upload this folder to your themes folder at: your WordPress installation root directory /wp-content/themes

NOTE: Our theme is relatively large (due to a number of graphic files for pattern and prepackaged plugins). Therefore, sometimes by specific settings memory limit for WP or very low settings max_upload_file size may occur error when you try to install using the WP Installer.In this case you should change server settings or use traditional method of WP theme instalation via FTP.

Step 2: Activate the theme.

After you see that the theme has been successfully uploaded, you can click "Activate" to activate the theme. You may want to click "Preview" first just to make sure the theme won't break.

Please login fo WP Dashboard. You will see some instructions and informations about next installation steps

media

Please follow this instructions.

Step 3: Save theme options.

This is necessary because after first theme installation Wordpress have no idea about default theme options. They must be saved first.
Go to theme options

media

Click butoon Save

media

Step 4: Install necessary and recommended plugins.

For the proper functioning of the theme some plugins are required. Some plugins are also recommended.
You can install this plugins automatically clicking on link Begin installing plugins.

media

NOTE: All this plugins are also available in full theme package in folder /plugins. You can install this plugins manually any time.

At this point the theme is basically installed and ready for use. Although it does not have any content.

media

If you will import sample data and widgets please follow next step.

Step 4 (Optional): Import sample data.

Since version 4.0 theme have built in feature One Click Installer

media
 

There you can select data and import this data with one click.

media

To complete restore our sample site you need use All data import.

Theme Setup


To customize the appearance and functionality of your web site to your needs you should to use Evolve administrative panel .

Evolve comes with robust and inteligent Admin Panel. It allows for easy and intuitive to set all aspects of appearance and function of theme. Creating your own skin has never been as easy. Plenty of options allows you to create the unique appearance of the page with a few clicks without writing a single line of code. This quick guide to the built-in Evolve Admin Panel will show you how to do it.

1. General Options

Here you can set all general options of theme:


  • Colour scheme
    You can select predefined color scheme but please remember that this schemes overwrite some settings in admin panel. So if you will take full control over all aspects of layout please select option Default (as in admin panel)
  • Breadcrumbs display
  • Visual Composer usage mode
    NOTE
    Starting from version Evolve 2.0 Visual Composer is also supplied as a standalone plugin. Such a method of its use is recommended because of the ease of upgrade and comaptibility with a 3th part addons for Visual Composer. But still is the possibility to use alternative built-in theme VisaualComposer version (mainly due to the accuracy of the content introduced in an earlier version of theme).


2. Layout

Here you can set all general options of theme layout:


  • Theme width
  • Custom width for mobile devices
  • Sidebar and inner column width and position
  • etc.


3. Navigation Settings

Here you can set general options for main menu:


  • Enable menu display for all or only certain pages
  • Set menu Depth


4. Typography

Here you can set all typography aspects:


  • Font for body

  • Font for Headers

  • Two custom fonts for other elements eventually

  • Default font size for body and headers

Please note that you can use any actually available in Google Font directory or Adobe Edge font. We don't have hardcoded fonts in theme. You only paste link to selected font. This solution seems to be more flexible. You can customize selected font familly (use certain font wieght and subsets for special characters). From other hand you are not limited only to hardcoded in theme font set.


5. Apperance

This is indeed skin cretor. Here you can set colour, background color, pattern, background image for all important theme areas.
You can do it using color pickers, slideers and switchers in few minutes.

Theme color scheme is based on three accent colors:

  • Main accent color used for all accented elements like buttons, links etc. In our demo it is #5F8CB4
  • Secondary accent color used for some accented elements or hover states. In our demo it is #A0A5AA
  • Third accent color used for dark accented elements. In our demo it is #2d3e52

Additionaly you can select custom colors practicaly for any important theme area (header, subheader, footer)


6. Content Options

Here you can set many content related options:


  • Social icons displayed in header and footer.
  • Phone number and email for header area
  • Disable or enable like counter for posts and portfolios
  • Disable or enable display comments on pages
  • Disable or enable display author info
  • Set witch post meta data will be displayed
  • Set default category and blog page layout
  • Excerpts length
  • Portfolio items per page
  • Default portfolio page
  • Email for built in theme contact form


7. Advanced

Here you can set some advanced theme options:


  • Use widget rules.
    This is very flexible feature witch allow set visibility, style for all widget individuall. More detailed is desribed bellow.
  • Use prefix free css
  • Add Google tracking code
  • Use rsCaptha library on contact page
  • Use thickbobx
  • Enable or disable support for OpenGraph and OpenSearch
  • etc.


8. Social API

Here you can set all social API related options:


  • Enable / disable Facebook like button
  • Enable / disable +1 button
  • Enable / disable tweet button
  • Enable / disable tweet cards support
  • Enable / disable pin it button
  • etc.


8. Social API

Here you can set all social API related options:


  • Enable / disable Facebook like button
  • Enable / disable +1 button
  • Enable / disable tweet button
  • Enable / disable tweet cards support
  • Enable / disable pin it button
  • etc.


9. Branding Options

Here you can add some own brand to the theme:


  • Upload own logo for header and footer
  • Change default theme name
  • Change backend logo (on login screen)
  • Change favicon
  • Change default logo in admin menu
  • Change copyright text
  • Change theme author link
  • Change, enable / disable documentation link
  • etc.


10. SEO Options

Here you can customize build in the theme SEO:


  • Enable / disable built in simple SEO
  • Change default title
  • Change default description
  • Change keywords for home page
  • etc.


11. Woocommerce Options

Here you can customize some options for Woocommerce pages:


  • Enable / disable display sidebar on woocommerce pages
  • Enable / disable display add to cart button on catalog pages
  • Enable / disable display short descriptions on catalog pages
  • Count of chars in short descriptions
  • etc.


12. Import / Export Options

You can any time save current theme options setting or restore previous saved theme options


Portfolio Settings


Evolve theme has built-in custom post type portfolio.

1. Create portfolio item

Go to 'Portfolio > Add New' and fill your content.

media

Evolve support three portfolio item types:

2. Create portfolio page

To create portfolio page , go to 'Pages > Add New' and select one of Portfolio page templates.

media


Additionall go to Evolve options panel > Content Settings and set some portfolio specific settings as item per page, default portfolio link (used as link to category view in single portfolio item view)

media

Slideshows Settings


Evolve theme uses cutom post type Slides (can be organized in categories named Sideshows) for all type of in content slideshows and carousels sliders.

Create slide

To create slides and slideshows go to Slides menu in WP dashboard

media

Generally, each slide can be declared as:

  1. Image Slide

    This type of slide use featured image of post. If you select this type of slide in post editor content area will be hidden (is not used by this type of slide) and visible will be only post custom fields:

    • Description
    • Image link

    media

  2. Content Slide
    This type of slide use content area of post (featured image, slide description and slide link will be ignored).

    media

    This type of slide can be used in OWL carousels

    Type of slide you can easy choose by edition and change any time.

Built in features


Evolve theme has built-in a few custom features.

Built in Visual Composer

The Visual Composer WordPress plugin is a premium page builder plugin created by WPBakery. This plugin is one of the best tools available to add drag and drop functionality to your WordPress theme.

The Visual Composer makes it easy for users (beginners and gurus alike) to create pages in minutes by adding various content and page elements, then dragging them into place. Creating custom pages really couldn’t be any easier.

media

Originally plugin includes over 40 content elements.
We add some additional feaatures to core Visual Composer elements:

  • Parallax background images for sections
  • Video backgrounds (WEBM or YouTube) for sections
  • Icons for Tabs, Accordions titles
  • Visual icon selectors
  • Over 20 additional animations for each elements

We add also 20+ custom elements:

  • Showbiz Slider
  • Featured Boxes
  • Services Boxes
  • Social Icons Blocks
  • Team Members Boxes
  • Testimonials
  • Piecharts
  • Progress Bars
  • Animated Counters
  • Portfolio grid
  • Blog grid
  • Visual icon selectors
  • Pricing tables
  • 8 Woocommerce shortode elements

media


Detailed documentation for Visual Composer is included in theme full package

Mega menu

We have built-in Mega Menu feature. It is simple to get started but powerful enough to create highly customized and creative mega menu configurations.

media

media

media


Widget Rules

Widget rules is a mechanism which introduces a completely new way to manage widgets on a website. Thanks to it, it is possible to specify widget features such as:

After switching on widget rules in theme's advanced settings, under each widget, the following options should be displayed:

The most extensive options are those connected with a widget visibility on subpages chosen - after choosing an option to show a widget on pages chosen (or an option not showing a widget on pages chosen), such a panel will appear:

widget-rules-2

Then, you have to choose a page's type to add, e.g. Category, and then give category ID:

widget-rules-3

After clicking "Add page" button, a page will appear on a list of pages chosen on which in our case a widget will be displayed:

widget-rules-4

Of course, it is possible to add more pages:

widget-rules-5

To make it clearer, , each page's type is displayed with a different color. A page added can be removed by clicking a removing icon placed on the right side of each page.

In this way, you may set a widget so as to be shown on pages chosen or to be shown on all pages except the chosen ones.

Generally, widgets are shown on all pages.

An option of displaying a widget on devices chosen has five options to choose:

Thanks to these settings, it is possible to limit significantly the amount of content displayed on devices with small screens. An option of displaying widget for a chosen groups of users has four options to choose: Thanks to this option, it is possible e.g. to display messages specified by using widgets for a group of users chosen. The last optio from widget rules is an option for choosing a widget style - it causes appending to a widget main container an additional class giving styling specified by a user. Widget styles are defined in widget.styles.json file and in CSS code - in this case in css/wp.extensions.css.

SEO Support

Evolve has SEO settings built - in which allow to overwrite Wordpress standard SEO settings. After switching on "Use Dynamo SEO settings" option, a lot of options connected with SEO will appear:

SEO

The first group of options is connected with page's title:

The remaining options allow to switch on advanced management of keywords and description metatags:

seo-2

In the case of a homepage, these metatags values are specified in a SEO settings panel whereas in the case of subpages, there are two settings available for both metatags:

When you switch on these settings, under a posts editor two additional fields will appear:

seo-3

If you fill them in, metatags used on one subpage with an entry will be created.

Social API

Social API includes five groups of options:

Options connected with sharing are the equivalent of parameters available in online editors, used for creating buttons like:

The last group of options allows to specify where they will be displayed – thanks to Include/Exclude specified articles from Social API option, it is possible to switch off Social API completely or switch on/off this functionality only for chosen posts, subpages and categories.

We specify the list of posts, subpages and categories in three last options:

as a sequence of ID, slug or the names of posts given, subpages or categories separated with comas, e.g. 

1,7,23
or
about-us,meet-the-teem,contact-us

Typography

One of the key elements which has influence on website’s look is an appropriate choice of fonts used for text presentation.

Evolve allows to choose fonts easily which are assigned to CSS selectors specified by a user.

In order to simplify support for many fonts on one page, Evolve supports groups of fonts – each group allows to assign a font given to selectors chosen by a user:

You have to specify three basic values for each group of fonts:

Specifying of a font type is restricted to choosing one out of four fonts types:

The last stage is specifying selectors connected with a font given:

After saving the settings, the results should be visible on the website immediately – it is not required to make any additional operations.

Built in widgets


Evolve theme has built-in 9 custom widgets. Not all of this widgets are used in our demo but you cann still use any of this widget in theme

  1. DP Comments
  2. DP Tabs
  3. DP News Show
  4. DP News Flash
  5. DP Recent Posts
  6. DP Recent Portfolio
  7. DP Flickr
  8. DP Tweets

DP Comments

DP Comments is a simple widget to display latest comments with user avatars:

dp-comments

The configuration of the widget is really simple:

dp-comments-setting

As you can see, there are three important options:

  • Avatar size - this option is used to specify the size of the avatars displayed under each comment.
  • Word count - this option specifies the maximal amount of words displayed in each comment item.
  • Number of comments - it specifes the maximal amount of comments to display.

The DP Comments widget uses a built-in WordPress cache system and it refreshes the cache after every comments operation.

DP Tabs

DP Tabs is a simple widget which can be used for displaying other widgets in the tabs:

dp-tabs

The configuration of the widget, similarly to the DP Comments widget, is really simple:

 

dp-tabs-setting1

The most important option is the Tabs source - this option specifies the sidebar used as the data source of the widget. Especially for the DP Tabs widget, we have created three special widget areas – Tab I, Tab II and Tab III – these widget areas don’t exist on the theme and they can be used in the DP Tabs widget to avoid problems with the duplicated widgets.

To create tabs, a user must drag some widgets to the specified in the DP Tabs widget sidebar. The titles of these widgets will be used as the tabs titles, the order of the widgets in the sidebar is also important – it will be used in the DP Tabs widget.

So, for example, in order to achieve the DP Tabs widget layout as in the first screenshot, you have to put the widgets on the Tab I sidebar as following:

 

dp-tabs-setting2

The other options are strictly connected with the widget interface:

  • Tabs activator event - it specifies the event used to activate the tab – it can be a hover or a click event.
  • Auto animation - the DP Tabs widget can autoanimate the tabs when this option is enabled. Then, the time between tabs animations is defined in the animation interval option.
  • Animation speed - time of the transition between the tabs – defined in miliseconds.
  • Animation interval - time for the autoanimation option – defined in miliseconds

The DP Tabs widget has no internal cache system but if there are widgets displayed in the DP Tabs widget then there will be no problems with caching the widget content.

DP News Show

DP News Show is a complex and powerful widget used for displaying posts with thumbnails and additional content like title, text and additional information.

 

dp-nsp

The configuration of the widget contains a lot of useful options:

 

dp-nsp-setting

Let’s start with describing the Data source section – this section contains all important options connected with selecting posts to display:

  • Data source- here, you may select one of the three values:
    • Latest posts - in this case, the text area under the selectbox should be empty – a widget will load the latest posts automatically
    • Categories slugs - for this value the text area under the selectbox should contain the categories slugs separated with a comma i.e. news,blog,sport
    • Articles slugs - similarly to the previous value – the text area under the selectbox should contain the articles slugs separated with a comma i.e. test-post-1,test-post-2
  • Order by - this option specifies the value used for the ordering and the ordering direction
  • Offset - sometimes it is necessary to display the second post from a specific category – then this option should be set to 1. The default value for this option is 0 – then, the widget will display posts starting from the first post. This option can be used only for the “Latest posts” and “Categories slugs”.

The widget can display specific amount of articles and links under the articles. It is possible to specify the amount of pages, columns and rows used to display in the articles amount and links amount options.

The cache time option is very important – it specifies how often the widget content is generated – it is safe to set it for at least 30-60 minutes or even more if the page isn’t often updated.

When the articles or links are displayed on more than one page, then the pagination will be displayed – the type of the pagination can be specified in the Article pagination and Links pagination options.

Both for Articles and Links, you can specify the format of elements displayed. Every element can be disabled by the “On/Off” switchers.

For articles and links, a user can specify the maximal length of the title and text.

Images displayed in the widget may have specific dimensions and position – the left position works only when the image is on the first position at the article – then it is displayed in the separated column. The article info block may contain few information about the article:

  • %DATE - the post date – format of the date can be specified in the “Date format” option.
  • %CATEGORY - the post category name
  • %AUTHOR - the post author name
  • %COMMENTS - the post comments amount

So, in order to display the post category and comments amount ,we will use the following format for the info block:
%CATEGORY %COMMENTS

DP NewsFlash

DP NewsFlash is a simple widget to display short post info from selected category (categories) in form simple slideshow:

dp-newflash

The configuration of the widget is really simple:

dp-newflash-setting

As you can see, that are four important options:

  • Post Category
  • Max number of posts
  • Order
  • Content type

Additional you can set some apperance and slideshow options.

DP Recent Posts

DP Recent Posts is a simple widget to display latest posts with thumbs:

dp-recent-posts

The configuration of the widget is really simple:

dp-recent-posts-setting

As you can see, there are three important options:

  • Thumb size - this option is used to specify the size of thumbs.
  • Word count - this option specifies the maximal amount of words displayed in each comment item.
  • Number of posts - it specifes the maximal amount of posts to display.

DP Recent Portfolio

DP Recent Portfolio is a simple widget to display latest portfolio with thumbs:

dp-recent-portfolio

The configuration of the widget is really simple:

dp-recent-portfolio-setting

As you can see, there are three important options:

  • Thumb size - this option is used to specify the size of thumbs.
  • Word count - this option specifies the maximal amount of words displayed in each comment item.
  • Number of posts - it specifes the maximal amount of posts to display.

DP Flickr Gallery

DP Flickr Gallery is a simple widget to display flickr gallery in widget:

dp-flickr

The configuration of the widget is really simple:

dp-flickr-settings

As you can see, there are two options:

  • Flickr user ID
  • Number of thumb

DP Tweets

DP Tweets is a custom widget Twitter widget that uses oAuth, Twitter API v1.1 and that attempts to meet the display guidelines. This widget will display the most recent tweets for any twitter user who has their tweets set as public. Show up to 10 tweets. Include a link to your twitter profile and a twitter icon or your profile picture.

dp-tweets

This widget comes with intuitive administration panel.:

dp-tweets-setting

To configure the widget, you only need:

  • Register a Twitter application at https://dev.twitter.com/apps
  • Note the Consumer key, Consumer secret, Access Token and Access Token secret under OAuth settings
  • Enter this data in the appropriate fields in the widget settings.
  • Configure the Twitter user name, number of tweets to display, cache time etc

Plugins


For the proper functionig of theme are required following plugins:

  • Revolution slider
    Documentation for this plugin is included in theme package.
  • Showbiz slider
    Documentation for this plugin is included in theme package.

    Please note that we have a bit modified original code of this plugin. So please upgrade tthis plugin only with delivered by us package.

All required plugins are prepacked with theme.

In demo are also used following plugins:

For demo data import we recommend install:

We highly recommend install Envato Wordpress Toolkit plugin (is included in package /plugins/envato-wordpress-toolkit-master.zip).
This toolkit plugin establishes an Envato Marketplace API connection to take advantage of the new `wp-list-themes` & `wp-download` methods created specifically for this plugin. These API methods grants access to information about your purchased themes and create temporary download URL's for installing and upgrading those themes.

Instalation:

  1. Upload the `envato-wordpress-toolkit` folder to the `/wp-content/plugins/` directory.
  2. Activate the plugin through the `Plugins` menu in WordPress.
  3. To establish an Envato Marketplace API connection navigate to the `Envato Toolkit` page and insert your Marketplace username and secret API key in the designated input fields. To obtain your API Key, visit your "My Settings" page on any of the Envato Marketplaces.
  4. Once the API connection has been established you will see a list of themes that can be auto installed. If you don't see any themes and are certain you've done everything correct, there is a good chance the theme author has not updated their theme to be available for auto install and update. If that's the case, please contact the theme author and ask them to update their theme's information.
For more information please reffer here

Javascript


This theme imports following Javascript files.

  1. jQuery
  2. jQuery UI
  3. jQuery easing
  4. Flex slider
  5. prettyPhoto
  6. jQuery Tipsy
  7. jQuery validate
  8. Fitvid
  9. Froogaloop
  10. Swfobject
  11. jQuery Waypoints
  12. jQuery Nice Scroll
  13. jQuery OWL Carousel
  14. jQuery YTPlayer
  15. Custom scripts

Sources and Credits


I would like to thank the following providers:

  1. jQuery
  2. WooThemes (Flex slider)
  3. Revoution Slider WP plugin
  4. Nice Scroll jQuery plugin
  5. OWL Carousel jQuery plugin
  6. mb.YTPlayer
  7. Isotope jQuery plugin
  8. Font Awesome icon font
  9. Meteocon icon font
  10. Social icon font
  11. Linecons icon font

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

DynamicPress