• Support Board

eVision Corporate

Theme Documentation

Created :2015-09-13
Version :1.1.2

Introduction

eVision Corporate is a strong and attractive one page business theme. It has been introduced after a long research and analysis. It is suitable for any type of business organizations exhibiting the features such as services, portfolios, skills, testimonials, etc with enable/disable option. Its competencies include responsive, bootstrap, HTML5, CSS3, retina ready, font awesome, google font, cross-browser compatibility, color control, layout control, logo upload, translation-ready, custom CSS field, etc.
This documentation consists of several parts and shows you the entire process of setting up WordPress and eVision Corporate  theme from scratch.

What is WordPress CMS?

WordPress is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL. It enables you to build Websites and powerful on-line applications and requires almost no technical skills or knowledge to manage. Many aspects, including its ease of use and extensibility, have made WordPress the most popular Web site software available. Learn More

Installing WordPress

Installing WordPress is quite easy nowadays.  One click setup is provided by many software like Softaculous. The details process is also described here . If you have any confusion, please feel free to contact us.

Theme Installation

  1. Log in to the WordPress Administration Panels.
  2. Select the Appearance panel, then Themes.
  3. Select Add New.
  4. Search to locate ‘eVision Corporate’ Theme.
    Click on the Preview link to preview the Theme or the Install Now link to upload the Theme to your blog,Or
    use the Upload link in the top links row to upload a zipped copy of a Theme evision-corporate.zip that you have previously downloaded to your machine.

Further information of theme installation is here.

Manage site with Theme Options ( Customizer )

An advanced theme options based on customizer give you full control to the content and setting on the theme.

  1. Go to ‘Appearance => Customize’ 
  2. First we would like to advice to see all tab of the theme options

1 Theme Options

Manage Site Title, Tagline and Site Icon

1. From “Customize” section, go to Site Identity or Site Title & Tagline.
2. From the Site title section, enter the site title.
3. From the Tagline section, enter the site slogan.
4. Check “Enable tagline” check box to enable Tagline and uncheck to disable it.
5. In latest version of WordPress : Select Image icon as a site icon is alos0 available. The site icon is used as a favicon and app icon for your site.
6. If the preview is fine, click on “Save & Publish” button to apply on site.

2 Site Title Tagline and Favcion

Customizing Background

To customize background color, you will find two sections in the customizer.

  1. Colors
  2. Background Image

Customizing Background Color

1. From “Customize” section, go to Color.
2. Select the color for background or enter the color code on field directly.
3. Click on “Save & Publish” button to save the changes.
3.1 Background Color

Background Image

1. From “Customize” section, go to Background Image.
2. Select the background image.
3. Remove option help you to remove the Background image. Click “Remove” button to remove the image.
4. Change image button help you to change the Background image. Click on “Change Image” button and select another image for background.
5. Background Repeat: Select option from the Radio button for background image appearance.
6. Background Position: Select option Left, Center or Right for background image position.
7. Background Attachment: Select Scroll option for background image scroll simultaneously with page scroll. Fixed option fixed the background image even page scroll.
8. If Preview is fine, click on “Save & Publish” to apply on site.
3.2 Background Image

Static Front Page

‘eVision Corporate’ theme supports 3 types of layout page in the Front page ( Home Page ).

  1. Your latest posts ( Blog ) on front page
  2. A static page
    1. Any inner page as front page
    2. Use any inner page as “Awesome Front Page defined by eVision Corporate Theme”

For managing static front page.

  1. From “Customize” section, go to “Static front page” section.
  2. Select “Your latest post” for displaying latest posts ( Blog ) on front page ( Need to distinct page for it . Add pages details here )
    or .
  3. Select “A static page” , select page for front page for that page use as front page or for using that page as “Awesome Front Page defined by eVision Corporate Theme”.( Need to distinct page for it . Add pages details here )
  4. After that you can setup your awesome home page from ‘Front page’ options.

For save the changes click on “Save & publish” button to save the changes.
4 Static Front Page

Manage awesome Front page ( home page )

If you have selected A static page : Front page in the previous options, then you can setup awesome home page.

This theme support 10 sections in home page.

  1. Slider section
  2. About section
  3. Service section
  4. Portfolio section
  5. Client section
  6. Testimonial section
  7. Blog section
  8. Team section
  9. Map section
  10. Contact section

5 10 Home page Sections

Each section can be managed from customizer.

From customizer go to “Front Page”.

You can enable all section or only enable some section whatever you want.

Slider Section

Slider Section is appeared just below the header section of front page.
1. If slider is needed on your front page below them header section, you can manage the slider for front page from this section.
2. Enable slider section: Checked to enable the slider.
3. Select page for slider: Select one page from the available pages for your first slider.
4. Select page for slider: Select another page for next slider.
5. If preview is fine click on “Save & Publish” to save the changes.
6.1 Slider Section

Note : If you read information, there you will find adding page link. While adding page, please add ‘Title’, ‘Content’ and ‘Featured Image’
6.2 Slider Section page

About section

About section is appeared just below the slider in front page.
1. Enable about section: Checked to enable about section on front page. Uncheck will hide this section form front page.
2. About section main title: Give the title for about section.
3. About section main content: Write the main content for this section.
4. About icon: Give the name of icon for the about section. There is a link for font awesome icons. You can use any of the icon from the link. Example: fa-user
5. Select page for About section
6. Repeat the above process for other field of about section.
7. If preview is fine click on “Save & Publish” to save the changes.

6.3 About Section

Note : If you read information, there you will find adding page link. While adding page, please add ‘Title’ and  ‘Content’.

Service section

Service section is appeared just below the about section in front page. Adding Service section is almost same as the About Section.
1. Enable service section: Checked to enable service section on front page. Uncheck will hide this section form front page.
2. Service section main title: Give the title for service section.
3. Service section main content: Write the main content for this section.
4. Service section background: Select the image for service section background image. Click on “Select Image” button and select the image for media library and set the image as a Service section background image.
5. Service icon: Give the name of icon for the service section. There is a link for font awesome icons. You can use any of the icon from the link. Example: fa-desktop
6. Select page for service: Select the page from available pages on dropdown for service section.
7. Repeat the process for other field of service section too.
8. If preview is fine click on “Save & Publish” button to save the changes.

6.4 Service Section

Note : If you read information, there you will find adding page link. While adding page, please add ‘Title’.

Portfolio section

Portfolio section is appeared just below the Service section on front page. You can simply enable and disable this section on front page.
1. Enable portfolio section: If Portfolio section is need to display on front page, checked it. Uncheck will hide this section form front page.
2. Portfolio section main title: Give the title for portfolio section.
3. Portfolio section main content: Write the content as a main content for portfolio section.
4. Select page for portfolio: Select the page for portfolio section form the available pages on dropdown.
5. If preview is fine click on “Save & Publish” button to save the changes.

6.5 Service Section

Note : If you read information, there you will find adding page link. While adding page, please add ‘Title’ and ‘Featured Image’.

Client section

Client section appeared just below the portfolio section on front page.
1. Enable client section: Checked to enable the client section on front page. Unchecked to hide this section on front page.
2. Client image: Choose the image form media library as a client image. Click on “Select Image” button and select the image form library and set the client image.
3. If preview is fine click on “Save & Publish” button to save the changes.
6.6 Client Section

Testimonial section

Testimonial section is appeared just below the Client Section on front page.
1. Enable testimonial section: Checked to enable testimonial section on front page. Uncheck will hide this section from front page.
2. Testimonial section main title: Give the title for testimonial section.
3. Testimonial section background: Select the image for testimonial background image.
4. Select page for testimonial: Select the page from available pages on dropdown for testimonial section.
5. If preview is fine click on “Save & Publish” button to save the changes.

6.7 Testimonial Section

Note : If you read information, there you will find adding page link. While adding page, please add ‘Title’, ‘Content’ and ‘Featured Image’.

Blog Section

Blog section is appeared just below the testimonial section on front page. The recent 3 posts will display on this section, if you enable it.
1. Enable blog section: Checked to enable blog section on front page. Uncheck will hide this section from front page.
2. Blog section main title: Give the title for main section of blog.
3. If Preview is fine click on “Save & Publish” button to save the changes.

6.8 Blog Section

Team Section

As mentioned above, Team section is appeared just below the blog section.
1. Enable team section: Checked to enable team section on front page. Unchecked will hide the team section from front page.
2. Team section main title: Give the main title for team section.
3. Team section main content: Write the main content for team section.
4. Team section background: Select the image for team section background image.
5. Select page for team: As previous sections, select the page for team section.
6. If preview is fine click on “Save & Publish” button to save the changes.

6.9 Team Section

Note : If you read information, there you will find adding page link. While adding page, please add ‘Title’ and ‘Featured Image’.

 

Map section

Map section is appeared just below the team section. Map section display the map based on latitude and longitude entered.
1. Enable map section: Checked to enable map section.
2. Map latitude: Entered the map latitude value for your map section. Example: 40.712784
3. Map longitude: Entered the value for Map longitude. Example: -74.0059
4. If preview is fine click on “Save & Publish” button to save the changes.

6.10 Map Section

Contact section

Contact section is appeared just above the footer section of front page. Contact section uses short code of plugin named “Contact form 7”. If you have noticed, when you active theme, there is a notice at top of the backend This theme recommends the following plugin: Contact Form 7. From that notification you can directly installed plugin.
Just copy paste following code.

<div class= ‘col-md-5′>
[text* your-name placeholder “Name”]
[email* your-email placeholder “Email”]
[text* your-subject placeholder “subject”]
</div>
<div class=’col-md-7’>
[textarea* your-message placeholder “Message”]
[submit “Send”]
</div>

6.11 Contact Section

1. Enable contact section: Checked to enable contact section on front page.
2. Contact section main title: Give the title for contact section.
3. Enter CF7 short code: Enter the short code given by “Contact form 7”.
4. Contact section background: Select the image for contact section background.
5. If preview is fine, click on “Save & Publish” button to save the changes.

6.12 Contact Form Section

After completing this section the setting of all sections for Front Page Completed. Please remember that you can always enable/disable each section. An each section comes with different and unique features and design.

 

Theme options

Layout

Customize layout for Archiv page, Blog page, Single page, Page and Post. Select the available layout from dropdown for your site. Available options are,

  1. Content- Primary Sidebar
  2. Primary Sidebar-Content and
  3. Full Width, no sidebar

1. Content- Primary Sidebar: Content is displayed on left side and primary sidebar on right side of page.
2. Primary Sidebar-Content: Content on right side and primary sidebar on left side of page.
3. Full Width, no sidebar: Sidebar is not present this layout. Content will appeared on full width of page.
4. If preview is fine click on “Save & Publish” button to save the changes.

7.1 Layout Options

Header

Site logo is managed from this section.
1. Logo: Upload the image for site logo. When logo is uploaded, site title and description will be replaced by logo.
2. If preview is fine click on “Save & Publish” button to save the changes.
7.2 Logo Options

Footer

Site footer section is managed by this section.
1. Copyright text: Enter the copyright text of site which is appeared on the footer.
2. Enable social icons: Before enabling social icons, first please assign the social menu from menu section. ( We will cover menu adding section in below section ).
3. Enable go to top: Checked to enable go to top icons on footer.
4. If preview is fine click on “Save & Publish” button to save the changes.
7.3 Footer Options

Advanced

Custom CSS write here
1. Write the custom CSS here.
2. If preview is fine click on “Save & Publish” button to save the changes.

7.4 Advanced Options

Menu Section

Customizing Menus

  1. From “Customize” section, go to Menus
  2. Again go to Menu Locations, you will see three menus there:
    1. Front Page Menu:
      For only front page
    2. Inner Pages Menu
      For all pages except front pages
    3. Social Menu
      For Social Icons on footer

8 Menus Location

Setting up Front Page Menu

  1. Click Back to the top as shown in above figure
  2. You will see Add a Menu button, Click it to add Menu
  3. Enter Name and Create Menu
  4. From Menu Location Check on Front Page Menu ( Imp: Don’t forget it )

8.2 Select Menu Location

Now adding Items on menus:

  1. Click Add Items button, A New Section will expand
  2. You can add any available items on menu
  3. Lets start from Custom Links, Click it, It will expand and show URL and Link Text
  4. You can add any custom links and Link text here
  5. Front Page Menu is specially created for One Page Menu.

    1. For one page menu please enter #evision-corporate-slider on URL and ‘Home’ on Link Text.
    2. Now Click ‘Add to Menu’
    3. Similarly the available section for one page menu are 10. You can use any of the following in the URL of the Custom Menu.
      - #evision-corporate-slider
      - #evision-corporate-about
      - #evision-corporate-service
      - #evision-corporate-portfolio
      - #evision-corporate-client
      - #evision-corporate-testimonial
      - #evision-corporate-blog
      - #evision-corporate-team
      - #evision-corporate-map
      - #evision-corporate-contact
    4. Repeat step 1 and step 2 with any of the above mentioned text in URL and any text in the Link Text
    5. Don’t forget to click ‘Save & Publish’.

8.3 Front Page Menu

Setting up Inner Page Menu

Setting up Inner Page Menu is same like Setting up Front Page Menu.

I will appear all pages except front page.

Setting up Front Page Menu

Similarly you can setup Social Menu.