Se connecter Recherche

EVOLUTION

DOCUMENTATION INSTALLATION AND USE


Hello!

We thank you for purchasing the theme Evolution! We are glad you have made ​​that choice for your site! . Evolution is a theme developed for WordPress and can only be used with only WordPress. If you have not yet installed WordPress on your hosting space, please check our section on WordPress or refer to the information listed on the official website of WordPress FRENCH or ENGLISH , to help you get started.

If you do not find your answer in our documentation, we encourage you to consult the various subjects in our support forum or, if you do not find your answer, post a new topic with all the details we need. Remember to include the URL (web address) of your site so that we can quickly provide a full and appropriate response. We hope you enjoy Evolution!

General information

Development, compatibility and specific theme Evolution

The theme Evolution is compatible with WORDPRESS in its 3.8.1 and higher versions. To help you create a complete website in functionalities, Evolution is designed and compatible using the following plugins:

  • CONTACT FORM 7 all versions
  • Shortcodes pack in theme-specific EVOLUTION version
  • Epica pagination plugin

You can of course install all plugins you want, but the style rule included will not in the theme Evolution.

To use the theme Evolution, your server or hosting space must use PHP version 5 or greater and MySQL 5

Remember to make sure your web host offers minimal performance using WordPress and the ability to create and use a database, including information such as the name of the database, the password of the database, its url …

The purchase of the theme EVOLUTION included in his package download:

  • EVOLUTION theme
  • Pack shortcodes in theme-specific version EVOLUTION
  • Epica pagination plugin
  • The notification system update your theme and plugins developed by EPICA DESIGN
  • Documentation of theme EVOLUTION

Usage information

If you use the theme EVOLUTION on an existing site, it is possible that the file formats required is not available in your media library. To maximize compatibility, you can use the Regenerate Thumbnailsplugin which allows you to regenerate your size images of the specific functions of the theme. You can regenerate the thumbnails for all images downloads, uploads for individual or multiple images specific additions.

Installing WordPress

To help you to install WordPress on your hosting space, here are some useful tutorials

French


Parameter for stability

To ensure compatibility of links pre-recorded in theme EVOLUTION and promote your seo, we recommend that you define the structure of your permalinks with « post-name » mode.

Appointment, on your WordPress dashboard in the tab Settings > Permalinks

Select mode Post name.

Save the changes.

Your URL will now show the name of the page instead of a type number ?125.php, allowing accurate redirect to the home page type « forums.php ».

epica design


Installing the theme

Recovering the theme file EVOLUTION.ZIP

When you buy our theme on sales platform, you must download the files from your this sales platform customer account.

Method 1: Install the theme EVOLUTION with WordPress installer

This method describes the procedure to follow when you want to install the theme Evolution from your WordPress dashboard

  1. Appointment to menu Appearences > Themes
    epica design
  2. Click on Add New
  3. Click on Upload Theme
  4. select, browsing the files on your computer, the folder Evolution.zip and click on Install Now
  5. Your WordPress then proceeds to download the installation file. Wait a few moments until the message « Theme installed successfully » appears
  6. You can find the theme in the menu Appearence > Themes and activate thereof
epica design

Completed these steps, your site will now use the theme EVOLUTION. You should see the added functionality in your main menu, additional widgets and sidebars in the menu Appearence > Widgets and a message telling you to install plugins

Method 2: Install the theme EVOLUTION by upload FTP

This method describes the procedure to follow when you want to install the theme Evolution from your FTP software. The example below was created with Dreamweaver FTP client but procédutre with another FTP client will be identical.

  1. Select, browsing the files on your computer, the folder Evolution.zip then unzip it to get a folder Evolution operating files containing (ex : functions.php, header.php, the folder core, etc…)
  2. On your computer, place this folder Evolution in the folder wp-content > themes > place here
  3. Connect your FTP software to your hosting space, as usual, and send Evolution folder on your WordPress installation online. The tree of your file should be similar to this one:
    epica design
  4. You can then sign in to your WordPress Dashboard and should see the theme from the menu Appearence > Themes. you can activate it

Completed these steps, your site will now use the theme EVOLUTION. You should see the added functionality in your main menu, additional widgets and sidebars in the menu Appearence > Widgets and a message telling you to install plugins

Plugins

Presentation plugins

Evolution has 2 plugins developped by EPICA DESIGN. These plugins is not required for proper operation of your theme. This choice has been thought to give you maximum freedom following the installation and use of the theme Evolution.

However, the plugins indicated by the notification box all have a real interest and have been optimized for full compatibility with EVOLUTION, design and functionality.

Here are some informations on these plugins :

  • EPICA SHORTCODES PACK: This plugins add your publisher a set of shortcodes allowing you to create advanced content for your pages and a dedicated widget that allows you to use shortcodes in your sidebars.Developed by EPICA DESIGN, we guarantee full compatibility with the theme EVOLUTION.
    The installation of this plugin is required if you want to use the demo content
  • EPICA PAGINATION: This plugin will set up on your site an intuitive pagination. Your users will be able to navigate directly on your content by selecting the page number or page mode next / previous / first / last. Several parameters are customizable in the menu area Settings > EPICA custom pagination.
  • REVOLUTION SLIDER: Create a responsive slider or set width. This plugin features tons of unique transition effects, preload image, video, automatic integration that stops on user interaction and lots of easy to set options to create your own effects.
  • CONTACT FORM 7: This plugin allows you to manage multiple forms of contact which you can customize the form and content through a simple markup. Several additional plugins enabled will allow you to add a captcha, filter Akismet and more …

Installing plugins

The theme EVOLUTION enabled, you’ll see a notification box informing you of the required and recommended plugins.

epica design
  1. Click on Begin installing plugins for start the installation process plugins.
  2. The list of recommended plugins for theme EVOLUTION appears, informing you of their name, source, type of recommendation and their current status.
  3. Two choices are available to you: check all plugins or proceed by selection only checking that the required plugins. after selecting, select install, from the dropdown list, then confirm by clicking Apply.You can also do this installation by clicking on the link install located under each plugin.
  4. The installation is complete, a confirmation window opens to inform you of successful installation.

epica design

Setting plugins

Epica pagination:

In tab Settings > EPICA custom pagination, you can customize the navigation of pages displayed on your site. .

You can, in particular, rename the label, navigation symbols, the number of pages viewed, the width of range, …

Your changes do, think save changes.

Epica Shortcodes Pack:

Install this plugin to add a button to your editor allowing you to use specific shortcodes for EVOLUTION theme. The documentation of shortcodes is available later in this information.

Revolution Slider:

Need more information about using the plugin Slider Revolution, see the officieal documentation.

Contact Form 7

Need more information about using the plugin Contact Form 7, see the official documentation.

Update

There are 3 different ways for put the theme EVOLUTION update.

  • The automatic update: recommended, easiest.
  • The manual update: required recovery of the latest version of EVOLUTION.
  • The FTP update: required recovery of the latest version of EVOLUTION and use an FTP program.

Automatic update of the theme

On your WordPress dashboard, you will be automatically notified if a new version of the theme EVOLUTION is available.

To update your theme, you can simply go to the Appearence > Themes section and follow the instructions on the screen. .

We remind you that it is strongly recommended to make a backup of your site and the MySQL database before any major upgrade (WordPress advice ).

Our new versions are checked and tested before being made ​​available to users of EVOLUTION theme, but we can’t anticipate potential conflicts with changes or plugins added by yourself.

Manually Updating the theme

  1. Download and save the .zip archive of the last version of Evolution theme on your computer.
  2. Log in to your WordPress Dashboard.
  3. In your WordPress admin area, go to Appearence > Themes.
  4. Select a different theme (eg twentyfourteen) for suspend use of the current theme EVOLUTION.
  5. Delete the theme EVOLUTION.
  6. Click on Upload theme and Import a files.
  7. Repeat the procedure as per section Installing the theme.
Verify that the downloaded version has well a tree type evolution.zip > operating files and not evolution.zip > evolution.zip > operating files.It is possible that you need to decompress the archive before for a result evolution.zip > operating files.

Updated by FTP

  1. Download and save the .zip archive of the last version of Evolution theme on your computer.
  2. Unzip the file evolution.zip to get a folder evolution > operating files, uncompressed.
  3. Log in to your hosting space using your FTP software.
  4. In the folder wp-content > themes > the themes is here, delete the folder EVOLUTION. This operation does not delete the contents of your site.
  5. Upload the new evolution file in the location wp-content > themes > the themes is here, to replace the one you just deleted.
  6. Your theme has been replaced by the new version.
We remind you that update the theme removes the changes that you have does on code, except for added through codes fields in the options panel.

Updating plugins

The plugin has a independant update system.

If a plugin has a new version, a box will appear in the notification tab Plugins and in your dashboard.

epica design

You can put your plugins up to date by clicking Update Now and / or view the details of the new version by clicking onView version xxx

By default, checking plugins developed by EPICA DESIGN occurs every 12 hours, but you can force it by clicking Check for update.

System options: Customize your site!

Evolution incorporates an advanced options system that offer of numerous layout possibilities of structure, style, activation of components and functions, …

It is partitioned section to allow you a simple understanding and go straight to the point.

General settings

Definition of major styles of your site. You will make the choice of colors, structure, background and activation principal elements.

Typography

Definition styles of writing your site police. The defined elements are inactive during the first start and only activate if you customize these elements.

Top Bar

Customize the top bar of the site, with links to social networks and functionality of the site visitors

Header

Customizing the header of the site.

HeaderBox

Customizing the folding box contents placed at the top of the page

Footer

Customizing the footer of the site and his folding box contents.

Navigation

Customizing the navigation bar of the site.

Blog

Customizing the blog. You define the structure, the style of the loop, the length of excerpt, the display style meta …

Breadcrumbs

In this section you can customize the appearance of the breadcrumb containing the page title.

Medias and Scripts

As the title suggests, it is in this section that you will join your mainstream media, such as your favicon and your codes custom JS and CSS..

Need to insert CSS or JavaScript code, this section is created for it.

The CSS will be integrated into the <head> and javascript just before the closing </body>

The tags <style> … </style> et <script> … </script> are already integrated. You have the option to be able to close / open in the code editor. In the use of this potential, the publisher will informing you of an error (think red in the editor) but correctly use the code.

This feature allows you to write a line of code to call external file (CSS or JS).

Import / export

You can here an import file option (such as demonstration) or export your order to perform a backup.

Widgets et sidebars

The theme includes 11 sidebars EVOLUTION specific to each content type, and 7 widgets. You can access these items in your WordPress admin menu bar by selecting Appearence > Widgets.

To insert a widget in a sidebar, simply drag and drop it and then fill in the required content for its operation.

Each sidebar widget can contain as many as you want.

Be sure to save with the button save before leaving the page under penalty of having to restart your insertion.

Widgets included

EPC contact infos: Allows you to view your contact information in list form.

EPC featured post: Allows you to view an article from your blog that you want to featured.

EPC flickr stream: Use to display images from Flickr.

EPC media embed: Allows you to view a video in your sidebar.

EPC tabs: It will display list tab of your last (number to be determined), the most viewed articles and lists a set of keywords for your articles.

EPC social icons: Allows you to create a list of icons links to your social network pages.

EPICA Shortcodes: This widget allows you to use the shortcodes included in the theme for edit content in your sidebar.

Sidebars incluses

Sidebar type BLOG: These sidebars are displayed on pages Blog, the home page of the blog and articles.

Sidebar type PAGE: These sidebars are displayed on the pages created with the menu Pages > add new.

Sidebar type FOOTER: Footer sidebar content. The number of display column is defined in the theme option system (1 columns = 1 widget).

Sidebar type HEADERBOX et FOOTERBOX: Allow you to insert content into the box accordion type present in head and footer. The number of display column is defined in the theme option system (1 columns = 1 widget).

Implementation of the navigation

  1. To develop and display a menu, go to Appearence > Menus.
  2. Create a new or rename the menu up with the name of your choice and then confirm by clicking on create menu.
  3. Then go to the tab Manage location and select the menu that you just created.
  4. Save the changes to finish the procedure.
epica design

Information on menus

The theme EVOLUTION allows you to create menus responsive, ie suitable for use on media mobile navigation.

You can create menus up to 3 levels of navigation:

Principal item > Sub-item > Sub-sud-item

Beyond the tree level, the items will not be displayed because it is not supported by the navigation structure.

Create a menu of classic style

epica design

Creating a classic menu is following the basic method of using wordpress. You can access the documentation by following this link:

Create a tree menu with wordpress

Menu classic displaying visitor side:

epica design

Add a description to a menu item

The Evolution theme lets you add a description for each menu item or submenu.

To add this element, use the description field when creating your menu items.

epica design

The result for the visitor of your website will look like this:

epica design

Create a menu style Megamenu

Creating a menu megamenu style is following the basic method of using wordpress mentioned above, but the definition it as Megamenu use different parameters specific by adding CSS class in the field provided for this purpose

epica design

To create your megamenu:

  • Create your main item. It represents the item displayed in the navigation bar at level 1
  • Assign it the class epc-meganav in the field css class
  • You just inform this item to submit its submenu as an megamenu
  • Define the number of columns for your megamenu adding another class css
    • nav-col1: menu level 2 is displayed in a single column
    • nav-col2: menu level 2 is displayed in 2 columns
    • nav-col3: menu level 2 is displayed in 3 columns
    • nav-col4: menu level 2 is displayed in 4 columns
  • Items at level 2 is the title of your column for the menu item level 3. These items are not intended to navigation, which is why we recommend that you leave the fields blank web address, to avoid inconvenience visitors to your site.
  • Items at level 3 are displayed in the item level 2
  • Each main item can be separately defines as Classic menu or Megamenu
epica design

To switch an Item Classic in megamenu, simply add these class and vice versa.

Menu megamenu displaying visitor side:

epica design

Hide a column heading to megamenu

If you do not want to title your column megamenu (items Level 2) and make this element invisible title, simply add the class novisible in the class css to this item.

epica design

What you will get, side front-end, a megamenu showing only active links.

epica design

Create a page

You can create as many pages as you want. EVOLUTION includes several page templates to choose from when creating this element, for exemple Fullwidthor with a Right Sidaber. The choice of the page layout is not a fixed element, for example you can publish a page with a sidebar on the right and a few days afterwards, decide to display full width so changing your initial choice of layout. This change has no influence on the content, except for the visual in the visitor side.

To create a page:

  1. Go to menu Pages > add new
  2. Enter the page title you want.
  3. The integration of content is similar to create all websites based on WordPress but additionally offers a set of shortcodes allowing you to create quality content. To access shortcodes, click the Insert Shortcodes located just above the text field button.
  4. You can then (or before) select your page template from the dropdown list and enter the data contained in specific EVOLUTION optional fields.

The image below will help you locate different fields and design elements of the page.

epica design

Create a post

You can create as many post as you want. EVOLUTION includes several models of style blog to choose from when in the panel option, item BLOG, for example, a loop of grid style or your items displayed in Full width or with a Sidebar à droite. The choice of the post layout is not a fixed element, for example you can publish a post with a sidebar on the right and a few days afterwards, decide to display full width so changing your initial choice of layout. This change has no influence on the content, except for the visual in the visitor side.

To create an article:

  1. Go to menu Posts > add new
  2. Enter the title of this post.
  3. The integration of content is similar to create all websites based on WordPress but additionally offers a set of shortcodes allowing you to create quality content. To access shortcodes, click the Insert Shortcodes located just above the text field button.
  4. You can then (or before) define the characteristics for your item (categories, featured image, keywords, …) and enter the data contained in specific EVOLUTION optional fields.

The featured image is the one that appears in the list of your articles, for display it in the article, it’s a parameter to activate in the option panel.

EVOLUTION has animage option for default, located in the option panel, section BLOG.

If this option is enabled, the default image will be displayed in the list of your articles but is automatically replaced by the image to the one you choose when creating your article.

The image below will help you locate different fields and elements of creating articles.

epica design

Import Demo Content

The fastest and easiest way to import our demo content is to use our Demo Content Importer. Our importer will give you all pages and blog posts, the widgets, the medias, and more.

This is recommended to do on fresh installs. It will not replace your current content but will add the Evolution demonstration content on your wordpress website.

Install and activate these plugins before you proceed: Revolution Slider, Evolution Shortcode Pack and Contact Form 7 (optionnal).

Import the Demo Content

epica design

1 – In your WordPress dashboard, go to Appearance > Import Demo Data.

2 – Select the demo content you want to install (Black or White) and click the appropriate button.

3 – Wait it may take a few minutes (5-10 minutes)

4 – When the import is finished, you have to get the message All done. Have fun!.

5 – You must mantenant get the whole demo content in your WordPress installation (page, post, media, images, widgets, …).

Import the Demo options

epica design

1 – In your WordPress dashboard, go to Theme Options> IMPORT / EXPORT

2 – Select options you want to install demonstration (Black or White), click Import From URL.

3 – Copy the URL for your choice in the space provided for this purpose (you can copy / paste) text field and confirm with Import.

4 – The import option is over!

Import the Demo slider Revolution

epica design

Importing sliders demonstration is through the dashboard Revolution Slider Plugin

1 – In your WordPress dashboard, go to Revolution Slider.

2 – Click Import Slider.

3 –Select the slider .zip file you want to import and click Import Slider. Archive files .zip slider models must be present on your computer, you can download them by clicking on the buttons below.

4 – The matter slider plugin in your WordPress installation and it is visible in the library Revolution Slider.

Repeat this for each slider you want to import. The slider imported demonstration can be modified.

Split your blog article on multiple pages

This method does not specifically use the theme EVOLUTION but elements included in WordPress as we adapt to a practical side. This possibility is frequently requested, we will inform you of this method.

If you want to split an article or a content on multiple pages, here is the procedure:

  1. Create your content the same way as usual, using the visual editor function.
  2. At the place where you want to split the content, use the More tag editor wordpress, you will then insert a dotted line slightly dimmed.
  3. Switch mode text editor and find the dotted line.
  4. Erase the text and replace more by nextpage
  5. Return to video mode. The text between the dotted lines should now display Page Break.
  6. Confirm your publication.

Visitor side, you will find that the content of this page is now on multiple pages and a discrete pagination is available at the bottom right of the end of your page content.


epica design
epica design
epica design
epica design



epica design
epica design


Reference colors

If, in the use of the editor or shortcodes, you want to customize your items to the palette color pre-recorded, here are the codes used hexadecimals:

WHITE : #FFF
LIGHT : #DDD
GRAY : #95A5A6
DARK : #505050
BLACK : #171717
FONT COLOR : #333
TURQUOISE : #1ABC9C
GREEN : #27AE60
BLUE : #3498DB
DARK BLUE : #34495E
ORANGE : #E67E22
YELLOW : #F1C40F
RED : #E74C3C
PURPLE : #9B59B6
BORDER : #DDD

Theme support link

Shortcodes documentation

Evolution demo