Evockans - Responsive Multi-Purpose WordPress Theme


Evockans is the most powerful, easy to use versatile multi-purpose WordPress theme. With many features and elements to help you build your business website in minutes. Without touching a line of code. Explore your creativity. By build a website without any restrictions. With theme option customizer you can almost turn on or off every feature in the theme

You just need install our theme and included plugins then use one-click demo install. After that, you can set up your site as you need it. With over 15 unique multi-purpose design concepts, 200 beatiful demo page, plus super-flexible Framework Perfect for corporate business of any size and purpose, your website will spring to life within minutes. This theme also covers the needs of freelancer, consulting, Markerting, Startup, Creative Studio ..

If you have any question please create ticket id at https://themesflat.ticksy.com/ or contact us by
Emai:[email protected]
Skype:Themesflat

Requirements

There are minimal requirements to run this product:

Recommended PHP configuration limits

After purchase and download we have file themeforest-20396082-themename.zip Continue we need Extract Files i have 3 files: 1.theme, 2.theme-child, 3.documentation

In version 1.1.6 we made a big update which is updating theme page builder Elementor. With this new update, you can easily build your website with Elementor. Just drag and drop the available widgets and edit the content accordingly. You can customize the color, font, size directly on that object. We update version 1.1.6 to help you build websites easily, quickly and conveniently.

Please, follow the steps below to install Theme.

Watch the video One Click Install Demo Version 1.1.6 New Update

Install by WordPress Theme Manager

This is probably the simplest way for most users. Here are steps you need to take:

  1. Step 1 - Login to your WordPress Dashboard.
  2. Step 2 - Go to Appearance > Themes. And then click Add new button, located at the top of the screen or Add new theme (see screenshots below).
  3. Step 3 - Click on Upload button at the top of the screen.
  4. Step 4 - Next, Click Choose File button to browse themename.zip file in locate.
  5. Step 5 - Click Install button and wait a moment.
  6. Note:
    After installing the Main theme, if you want user more child Child theme. Then please continue install child-theme the with the same installation above

  7. Step 6 - After done installing, click Activate to publish the theme.
  8. Step 7 - After activating the theme a notice should appear on the top of the screen, click on link Begin installing plugins ( See screenshots below ).
  9. The theme requires the following plugin: Slider Revolution, ThemesFlat By Themesflat.com, WPBakery Page Builder, and recommends the following plugins: Contact Form 7MailChimp for WordPress,  

  10. Step 8 - After install plugins, go to Dashboard > Appearance > Install Plugins, check all the plugins you want to activate require for this theme
  11. We have 2 options when installing: Elementor plugin corresponding to Page Builder Elementor and WPBakery Visual Composer plugin corresponding to Page Buider Visula Composer

    If you choose Page Builder Elementor then click install Elementor plugin

    If you select both Page Builder Elementor and Page Builder Visula Composer then click install all plugins

    Then, choose to install the plugin related to the Page Builder selected earlier

  • Go to Appearance > Import Demo Data

    Go to Continue & Import

  • Install through FTP upload

    If you want to install via FTP, here are 3 steps you need to take:

    • Using FTP client, login to the server where your WordPress website is hosted
    • Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    • Using FTP client, upload the Evockans directory to themes directory on remote servers

    Once installation is complete, your Evockans theme will be ready to use.

    Note: Before you use the customizer. You must sure option page turn off. If option page is enabled It will override the customizer's value The mean value customizer will not work. Only if you want to customize the page. You then enable the option page and customize it for that page
    How to On / off Option for page

    editpage

    Continue you please scroll dow the bottom

    editpage

    To start customizing Evockans theme, in the Admin page please go to Dashboard > Appearance > Customize

    Note:
    Please remember to click Save & Publish button after done customizing to save the changes
    These are global settings so its effect is site-wide. These settings can be overridden in single post or page

    General

    1. Site Information

        To Customize Theme you go to: Dashboarb > Appearance > Customize

      • Site Title: You can setup and change your Site Title

      • Site Tagline: A few words to describe your site

      • Enable Smooth Scroll: Enabled Smooth Scroll or not

      • Enable Preload: Displayed while loading to another page

      • Site Icon: Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps.

    2. Social & Favicon Socials: Input link your socials display in website

      Favicon: You change Favicon for your website.

      You navigation Dashboard --> Apprearence --> Customize --> Change Site icon to change Favicon for your website.


    How to use Elementor to build a website

    To edit a page, please navigate to Dashboard > Pages > Create a new page or select the page to edit and press Edit with Elementor

    editpage

    Click on the object to be edited and replace the appropriate content

    editpage

    Or you can drag the widget from the left to build your website your way

    editpage

    Option to edit colors, content, effects and everything in the left tab. Everything is simple as long as you change the content to your own style

    editpage

    After editing, remember to click UPDATE to save the changes you just made

    Here is a guide to show you how to use Themesflat Addons widgets, helping you to build beautiful sections

    Themesflat Addons

    To make edits first scroll to find THEMESFLAT ADDONS and THEMESFLAT ADDONS SINGLE POST

    editpage

    1. TF Image Box
    2. You can customize Image Box here

      editpage

    3. TF Services
    4. You can customize everything about the Services to make it appear richer

      editpage

      You can customize at Content and Style

      editpage

    5. TF Portfolio
    6. You can customize everything about the TF Portfolio to make it appear richer

      editpage

      You can customize TF Portfolio here

      editpage

    7. TF Gallery
    8. You can customize everything about the TF Gallery to make it appear richer

      editpage

      Instructions to change the color and content in elementor

      First select the object that needs to be changed

      editpage

      Then customize it in the left sidebar

      editpage

      Change the content at the Text Editor tab

      Click on the style tab and customize the color, font size, Text Shadow, Text Shadow

      editpage

      Click on the style tab and customize the color, font size, Text Shadow, Text Shadow

      editpage

      At the Advanced tab, you can customize the margin, padding, effects... for the object.

      editpage

      NOTE: Once done, remember to UPDATE to save it

    Header

    To setup header layout, please navigate to Dashboard > Appearance > Customize > Header section and choose one of available layouts. You can setup some other options we listed below:

    1. Custom Logo
      • Use Logo Image: When this option was turned on, the logo on header will be use as a custom image instead of your site name




      • Display Site Tagline: Turn on this option to show site tagline below logo on the header
      • Logo: Drag or select your new logo here
      • Logo Margin: Input the top/bottom margin for logo
      • Enable Sticky Header: Make the Heaher stick to the top page or not
    2. Top bar

      • Show Topbar: Enable top bar or not
      • Enable Topbar Absolute: Enable Topbar Absolute or not
      • Enable Socials Top: Enable Socials Top or not
      • Search Top: Enable Socials Top or not
      • Content Left: Replace content for Left top bar

    Typography

    1. Body Font: You can select Font family, Font size Font weight or Font color for the body text




    2. Headings Font: You can select Font family, Font weight or Font size for the heading text, modify the font options for your headings. h1, h2, h3, h4, ...



    3. Menu Font: You can select Font family, Font size, Font weight or Font color for the menu text


    Blog


    1. Blog List
      • List Layout: Select layout style for List (List/Grid)
      • List Sidebar Position: Select sidebar position on the posts page
      • Blog List Sidebar: In the dropdown box, select the sidebar you want to display on posts page
      • Auto Post Excepts: When you turn on this option, the post's content will be truncated automatically on posts page
      • Post Excepts Length: This option is only available when you turn on "Auto Post Excepts". It uses to limit the content length which is shown on posts page
      • Show Post Meta: Turn on/off to show/hide the post meta
      • Show Read More: Turn on/off to show/hide Read more button
      • Read More Text: You can modify the text of Read more button here
      • Pagination Style: Select the style of pagination links on posts page
      • Posts Per Page: Input how many posts will be displayed per posts page
    2. Blog Single

      • Single Sidebar Position: Select sidebar position on each single blog post (No Sidebar/Left/Right)
      • Show Featured Image In Header: Turn on/off to show/hide Feature image in Header
      • Show Post Navigator: Turn on/off to show/hide Post Navigator
      • Show Author Box: Turn on to show the author box below the post content
      • Show Related Posts: Turn ON to show the related posts box
      • Related Posts Style: Select style for the related posts box (Grid/Carousel)
      • Columns Of Related Posts: Select how many columns will be displayed on the related posts box.
      • Number Of Related Posts: Enter the number of posts you want to display on the related posts box
  • Page Title
    • Setting Page Title for your website such as color, overlay ...
  • Breadcrumb
    • Enable Breadcrumbs: Turn on/off to show/hide the breadcrumbs
    • Breadcrumb Prefix: Enter prefix text for the breadcrumb
    • Breadcrumb Separator: Enter the character you want to use as the separator of breadcrumb
  • Layout & Styles


    In the section Layout & Styles, we provide some options to customize the theme layout and styles.

    1. Scheme Color

      With this option, you can change unlimited color for your site

      With this option, you can change unlimited color for your Top Menu

      With this option, you can change unlimited color for your footer

    2. Menu Color
      Sub Menu Color
      • Mainnav a color: Set color for element
    1. Under Format section, there is a section called Categories, select the category you want to assign to this post. Alternatively, if you'd like to create a new category, click on "+ Add New Category" A text field will unfold where you can enter a name for the category.
    2. Then click on "Add New Category".
    3. Once selected the category you want, click the "Publish button".
    4. Under the Categories section are the Tags and Featured Image sections. Here you can add some tags to your post, and upload an image which will be displayed as the Featured Image (the representative image) of the post in the blog list pages.

    Now, you've finished the setup for your blog post.

    Portfolio


    1. Portfolio Single

      • List Sidebar Position: Select position for Sidebar on Single Portfolio page (No Sidebar/Left/Right)
      • Single Project Sidebar: Select which sidebar will be displayed on Single Portfolio page
      • Gallery Type: Select layout style for Single Portfolio page (List/Grid)
      • Gallery Columns: Select how many columns will be display on Single Portfolio page
      • Show Featured Image In Header: Turn on/off to show/hide Featured image
      • Show Single Navigator: Turn on/off to show/hide Single Navigator
    2. Related Portfolio

      • Show Related Portfolio : Turn on/off to show/hide Related Portfolio
      • Widget Title: Input title for Widget
      • Show Related Items Based On: Choose Related items base on Tag/Category/Random/Recent
      • Related Portfolio Style: Choose style Grid/Grid Masonry/Grid No Margin for Related Portfolio
      • Columns Count: Select how many columns will be displayed on Related Portfolio
      • Number Of Related Portfolio: Input how many Related Portfolio will be displayed

    Creating your own page has been never so easy. To make the first step please go to Pages > Add new. At first sight, everything looks just like in default WordPress. But when you look at Visual/HTML area you will see some Page options or on Page Attribute panel, you will see some Page's templates which we explain below.

    Page Templates

    When creating a new page, one of the first things you might want to do is to assign a suitable template for it. To do this, please find the Page Attributes section on the right of the page editor. It comes with a variety of templates to choose:

    1. Default Template: Choose this one if you want to create a standard page
    2. Blog: Choose this one if you want to create a page for listing blog posts
    3. Page - Blank: Choose this one if you want to create a page without header and footer
    4. Page - Fullwidth: Choose this one if you want to create a page which its content will stretch to fit the browser's width
    5. Projects: Choose this one if you want to create a page for listing projects

    Page Options

    Used to customizer each page. Go to Page -> Edit Page -> Drag the bottom

    Note: When you enable option page then option customizer on this page disabled.

    1. Sidebar Position: Select the position of sidebar you want to display (Default/No Sidebar/Left/Right)
    2. Page Title: When enable this option, you can override the page title settings
    3. Breadcrumbs: Select the Breadcrumb state (Default/Enabled/Disabled)
    4. Navigator: Select the menu you want to display it on location of Primary Menu

    Iconbox Slider

    This shortcode alows you add multiple iconbox to create slider

    • Margin: Distance between item
    • Slides Per View: The number of items you want to see on the screen.
    • Autoplay: Yes / No
    • Show Pagination Control: Yes / No
    • Show prev/next buttons: Yes / No
    Iconbox

    This shortcode alows you create iconbox simple

    Iconbox List

    This shortcode alows you create icon List

    Testimonial Slider

    This shortcode alows you create Testimonial Slider

    Title Section

    This shortcode alows you create title for section

    Team Member Slider

    This shortcode alows you Testimonial Slider

    Team Member

    This shortcode alows you Team Member Slider

    Googe Maps

    This shortcode alows you create Map, Change your address, Change Your Logo and heigh for map

    Imagebox Slider, Imagbox

    This shortcode alows you create imagesbox slider and option Margin, Slides Per View, Slider Autoplay, Show Pagination Control, Show prev/next Buttons

    Counter

    This shortcode alows counter

    Client Slider, Client

    This shortcode alows you create image client

    Portfolio

    This shortcode alows create portfolio.

    Post

    This shortcode alows you create blog post

    Contact form is not a built-in feature (for many reasons) so we recommend you should use a third-party plugin. The free one we suggest is Contact Form 7 which can be used to add forms anywhere in your site!

    <h3> subscribe </h3>
      <p>

       <label>Subscribe to get the latest </label>
       <input type="email" name="EMAIL" placeholder="Enter your email address" required />
      </p>

      <p>
       <input type="submit" value="Sign up" />
      </p>

    After install and config bellow code you please enter The API key for connecting with your MailChimp account.Get your API key here.

    1. Download and install Poedit at https://poedit.net/download. Open file FO.pot in "/wp-content/themes/FO/languages" folder and edit into your language. See WordPress in your language for more details about file name.
    2. Open file wp-config.php in your WordPress root folder and add the line define('WPLANG', ''); remember replace '' by the language you want. See Installing WordPress in Your Language for more details.

    Images