close

Getting started

This is the Envince theme instruction page. We have tried our best to keep it as simple as possible. If you think it can be made even simpler let us know we will be glad to change it. Let’s start! On the left side you can see the table of contents of this documentation. Jump to the section you want, or read it all through – your choice. Let’s move on!

Installation

Installing your theme is pretty easy! After downloading you should have a envince.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload Theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the envince.zip file
  5. Click on Install Now button

Activate the theme

Go to Appearance > Themes in the WordPress Dashboard.
Now, hover over the theme thumbnail and press the Activate button

Additional information: WordPress Codex – Using Themes

Custom Menu

By default, you will be asked to create a menu if you are logged in else it will show the empty menu. So, you might need to create a menu and assign it to the primary location.

Set up Custom Menu

  1. Go to Appearance > Menus in the WordPress menu
  2. Click on Create a new menu link
  3. Give a name to your menu in Menu Name and click Create Menu button
  4. Now choose the pages, categories, custom links from the leftside of your screen by selecting the checkbox and click on Add Menu
  5. Click Save Menu after adding required pages, categories in the menu
Additional information: Have a look here if you are still confused WordPress Custom Menu

Site Identity

This theme supports the default Side Identity section provided by the WordPress and we have integrated some options in this theme in this section.

Site Identity

  1. Go to Appearance > Customize > Site Identity section from the WordPress dashboard
  2. The options integrated in this theme in this section are:

    • Site Title
    • Add the required Site Title from this section in your site.

    • Tagline
    • Add the required Site Tagline from this section in your site.

    • Display Site Title
    • This option provides you whether to display the Site title or not in your site.

    • Display Site Tagline
    • This option provides you whether to display the Site tagline or not in your site.

    • Logo Upload
    • This option enables you to upload the header logo in your site, making your site brand look unique by using the custom image.

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Envince instruction header logo

Colors

This theme supports the color options for the header text and background. This theme also have the option of primary color so that you do not need to change the primary color in your site one by one.

Colors

  1. Go to Appearance > Customize > Colors section from the WordPress dashboard
  2. The options integrated in this theme in this section are:

    • Header Text Color
    • This theme supports for changing the header text color, ie, Site title color

    • Background Color
    • This theme supports for changing the background color, ie, which will only reflect when choosed boxed layout

    • Primary Color
    • This theme supports for changing of the primary color of your site according to your site need.

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Layout

This theme supports different layout option to be choosed from to best suit your site.

Layout

  1. Go to Appearance > Customize > Layout section from the WordPress dashboard
  2. The options integrated in this theme in this section are:

    • Layout Sidebar
    • This options helps you to choose the sidebar layout for the archive pages. The options included in it are:

      • 1 Column – Full Width
      • 2 Column – Left Sidebar
      • 2 Column – Right Sidebar
      • 3 Column – Sidebar Sidebar Content
      • 3 Column – Sidebar Content Sidebar
      • 3 Column – Content Sidebar Sidebar
    • Layout Style
    • This theme supports the layout option of your site to be either Boxed or Wide Layout

    • Layout Width
    • This theme supports the width of the layout to be different. Here the options are included as:

      1. 1600px
      2. 1170px (Default)
      3. 992px
      4. 768px
    • Choose the number of widget area you want in footer
    • From this option, you can have the number of footer sidebar area according to the requirement of your site.

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Header Info

This theme supports the header info bar to add the phone number, email and location.

Header Info

  1. Go to Appearance > Customize > Header Info” section from the WordPress dashboard
  2. The options integrated in this theme in this section are:

    • Phone Number
    • You can add the company phone number here

    • Email
    • You can add the company email address here

    • Location
    • You can add the company location here

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Category Color Options

This theme supports the category color options as required for your site to display the category of post in beautiful colors.

Category Color Options

  1. Go to Appearance > Customize > Category Color Options section from the WordPress dashboard
  2. Now choose the required color for each of the category here according to your site need.

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Custom CSS

This theme supports the option of having the Custom CSS Box so that you may tweak some small CSS adjustments in your site without having to create the child theme for those.

Custom CSS

  1. Go to Appearance > Customize > Custom CSS section from the WordPress dashboard
  2. Now write the required CSS code here to overwrite the theme as well as plugins CSS code.

  3. Click on Save & Publish button after the required setup has been done in your site through this setting.

Page Templates

This theme has built in page templates to show your post post in different way by using the bundled widgets.

Page Templates

In this theme, we have included two Page Template in it, for displaying your post in different way by using the bundled widgets in this theme. They are:

  1. Magazine
  2. While using this page template, you need to assign the widgets in the required sidebar area created by this theme, namely: Mag: Content Section and Mag: Top Section

  3. Pagebuilder
  4. While using this page template, you have the ability to display the widgets by using the Pagebuilder plugin, named as Page Builder by SiteOrigin and manage your widgets in this page. The link to this plugin is here: Page Builder by SiteOrigin

Page Builder

Build responsive page layouts using the widgets using this simple drag and drop page builder.

Page Builder by SiteOrigin

While using this page template, you have the ability to display the widgets by using the Pagebuilder plugin, named as Page Builder by SiteOrigin and manage your widgets in this page. The link to this plugin is here: Page Builder by SiteOrigin

  • Go to any of your page.
  • Click the Page Builder tab which is located in top right of content.
  • Click the Page Builder tab which is located in top right of content.
  • You can add your widgets just by click add widgets button

The image for adding your widgets in particular page using Page Builder by SiteOrigin is shown below which will be displayed as below in the front-end:-
Page Builder

Info: need to install Page Builder by SiteOrigin plugins.

Widgets

This theme has different widgets being built in it to display the post of your site in different way.

Widgets

In this theme, we have included different type of widget in it to display the post of your site in different way. They are:

TG: Featured Post Slider

It is the widget bundled in this theme which can be used as the slider, ie, the first post will be displayed as bigger one followed by the four smaller one. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: Featured Post Slider widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
featured-post-slider

TG: Image Grid Post Widget

It is the widget bundled in this theme which can display the post of your site in grid, ie, side by side. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: Image Grid Post Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
image-grid

TG: One Column Featured Post Widget

It is the widget bundled in this theme which will display one of the post of your site bigger one with excerpt of that post followed by the smaller one which do not have the excerpt displayed in it. It displays all of your post in the same line, ie, not side by side. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: One Column Featured Post Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
one-column

TG: Two Column Featured Post Widget

It is the widget bundled in this theme which will display one of the post of your site bigger one with excerpt of that post followed by the smaller one which do not have the excerpt displayed in it. It displays all of your post in two column, ie, first post is shown in left side followed by the smaller ones in the right side. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: Two Column Featured Post Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
two-column

TG: Advertisement

It is the widget bundled in this theme which will be used as displaying the advertisement in your site by using the image.

  • Add the TG: Advertisement to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-

Advertisement

WPC Top Product Widget

This widget helps you to display your post with rating. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories, add featured image and all necessary filds of Product Review.
  • Add the WPC Top Product Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
product-review-widget

Info: need to install WP Product Review plugins.

TG: News Ticker Widget

It is the widget bundled in this theme which will display recet posts title or selected category posts title. It displays all of your post one by one with slide. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: News Ticker Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
news ticker

TG: Single Post Slider Widget

It is the widget bundled in this theme which can be used as the slider. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: Single Post Slider Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
single-post-slider-widget

TG: Post Carousel Widget

It is the widget bundled in this theme which can be used as the slider with four posts in row and move a post side by side. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: Post Carousel Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
post-carousel-widget

TG: Events Slider

It is the widget bundled in this theme which can be used to lists your all upcoming events with Date, Time and Avenue. It displays all of your event post in row, ie, side by side.The screenshot on this widget is shown below for more clearer understanding:

  • Create event posts, assign time & date, location, organizers, event costs and add featured image.
  • Add the TG: Events Slider to the Pagebuilder area and select number of events posts to display.

The image for this widget is shown below which will be displayed as below in the front-end:-
events-slider

Info: need to install The Events Calendar plugins.

TG: Post List Widget

It is the widget bundled in this theme which will display the post with excerpt and post formate.It displays all of your post in the same line, ie, not side by side. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: Post List Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
post-list-widget

TG: Post List Widget

It is the widget bundled in this theme which will display the post with excerpt and post formate.It displays all of your post in the same line, ie, not side by side. The screenshot on this widget is shown below for more clearer understanding:

  • Create posts, assign categories and add featured image.
  • Add the TG: Post List Widget to the Pagebuilder area and select category and number of posts.

The image for this widget is shown below which will be displayed as below in the front-end:-
post-list-widget

Recommended Image Size

Since this theme heavily relies on the featured images of the post to be displayed the content of your site uniquely as it is best suited for the news/magazine site. So, we have created different recommended image size for this theme. Recommended image size (width*height) used in Spacious theme in px.

Image Sizes

  1. Recommended image size for Big grid post – 600*400
  2. Recommended image size for Small grid post – 300*200
  3. Recommended image size for Featured big image – 400*200
  4. Recommended image size for Featured small image – 130*90
  5. Recommended image size for Large image slider – 1200*500
Envince