Copyright G5Theme

G5 Core - plugin makes the site works and runs on an environment

G5 Core is most important plugin in all plugins. If you want to use the theme, you have to install/active this plugin

G5 Core is heartbeat of site and it decides all activities although you may not want to install demo (you can build the content yourself). It makes up the appearance and functionality of the site platform

G5 Core contains neccessary options make sure you can use a basic website such as setting up menu, theme option, content block, mega menu

In this documentation, you will find information about installing the plugin, the features of the plugin includes and how to use theme easily.

G5 CORE PLUGIN

NOTE: In this documentation, we have used our theme that developed by our technicals so in some examples below you could see exclusive designs with logo and images of our theme.

We have prepared detailed user manual in order to ensure smooth and the plugin easy works with our theme. However, If you have any question that are beyond the scope of this documentation or difficulties with our theme – we will be there for you! Please feel free to contact us via our helpdesk or email and we will get back to you as soon as possible!

Thank you so much!!

Setting up menu

After you active the theme, you need install & active G5 Core plugin


Install & active G5 Core

Plugin

Our themes are tightly coupled with required plugins to work best. Once you have activated the theme you will be prompted to install and activate the required plugin. Simply click Begin installing the plugin and the process will begin.


System

System Status help you get important information of Server and WordPress environment without having to check the system status on your server. Please check this page before contacting customer services and asking your server to change the status of the server as we recommended.

From admin dashboard, go to Theme name → System

System Status

Check System Status


You could please consult our guide on How to increase the PHP limits here:http://support.g5plus.net/knowledge-base/system-required

Fonts Management

Our Theme includes over 800+ Google Fonts, Standard Fonts and Custom Fonts (upload by yourself) to make the web more beautiful, fast, and open through great typography.

You can consult our video guide on How to use Fonts Management for more details.

Video guide on How to manage fonts


All Fonts Managements in demo Data

Navigate Theme name >> Fonts Management.

Manage all fonts


Add New a Font Management in demo Data

Add Custom Fonts button

Upload Custom Fonts file

Note: Your custom font must be Webfont and upload file zip contains stylesheet.css and font files (accept: .woff, .eot, .svg, .ttf)

Update plugins to latest version

Update G5 Blog plugins to latest version

To update G5 Blog plugins to latest version:

Please consult and follow the step-by-step guide here to update G5 Blog plugins plugins to latest version: http://support.g5plus.net/knowledge-base/how-to-update-shortcodeframework-plugins-to-latest-version/.

When update theme to version higher, you need to update this plugin to ensure that you don’t run into any compatibility issues with latest version of G5Theme.

Or you update the latest theme, you get the latest G5 Blog plugin because this plugin is inclued in the theme

After you are done updating your theme and plugin please also perform the following steps:

  • Clear your Site & Browser Cache: Whenever you update ANY plugin, theme or WordPress you must clear your browser and site cache to help avoid any potential cache related bugs.
  • Updating G5 Core plugin: AFTER you update your theme please make sure to update your G5 Core plugin as well following the guide for updating the theme’s recommended plugins.

SETTING

Setting tab is divided into a few sections. Asides from the Install demo Data section mentioned above, there are a few important sections for you to customize your general setting.

You can change general elements such as map, page loadings Setting

Beside, to have Blog options, Portfoilo options, Shop options in Setting, you need install/active G5 Blog, G5 Portfoilo, G5 Shop similarly


Setting Options

Setting Options

Setting Options

Setting Options

Setting Options

Setting Options

General in Settings

Meta Options Page Layout

General Settings Description
1. Back To Top Two options: on,off for Back To Top button
2.Google Map API Key After you bought API key, you should copy & paste here to display Map
3. Enable Default Thumbnail Placeholder You can set to dispay thumnail placeholder if you don't upload feature images
4. First Image as Post Thumbnail You can set first content image as post thumbnail if you don't upload feature images
5. Search Post Types You can select the types in search form
6. Search Ajax Enable You can set for seach ajax (Results are shown as you type, results narrow as you continue typing. If results become too narrow, remove characters to see a broader result)
7. Maintenance You can set the WordPress site administrator to close the website for maintenance
8. Page Loading You can a page loading affect such as: Circle, Wave etc
9. 404 Page You can select a page for 404 Page

Connection in Settings

G5 Core allows you to display your Social account in the theme

Meta Options Page Layout

Connection Settings Description
1. Title You can enter the title for social network
2.Social Network Icon You can set the icon for social network
3.Social Network Link You enter the link of that social network
4.Social Network Color Finally, you select the color for social network as you want

CSS & JavaScript in Settings

Navigate to Theme Options > CSS &JavaScript . In this section, you can add custom CSS or Javascript code to your website.

Meta Options Page Layout

Connection Settings Description
1. Custom Css You can enter the CSS code here
2.Custom Javascript This is section which can you add Js code

I. Layout

Layout contains all options for setting Layout such as Layout, Style.. and customize Sidebar Area (pls read carefully infomation below each option for more details). Navigate to Theme option >> Layout

Meta Options Header

3. How select the Site Style

Below is a quick explanation of each layout type included with Total to give you a better idea of how they look


Site Style

Step 1: Navigate to Theme option >> Layout >> Site Style

Step 2: Select to Site Style: choose from Boxed layout, Wide layout to Bordered layout

Wide layout

The wide layout is the default layout for the theme and it displays your content centered of course but with a white background through-out. This layout doesn’t have any padding around the main wrapper.

Below is an example of how you can setup the Wide layout:

Header Style

Boxed layout

The boxed layout has a padding around the main wrapper as well as a background applied to it so that you can apply a custom background to your body and all your content will be centered with the background flowing around it.

Below is an example of how you can setup the Boxed layout:

Header Style
Header Style

Bordered layout

The bordered layout is same with the boxed layout because it has a padding around the main wrapper and you can change the the border width and the border color

Below is an example of how you can setup the Boxed layout:

Header Style
Header Style

How select the Site Layout

Total includes 3 different layouts for your pages/posts – right sidebar, left sidebar and full-screen. Below is an explanation, example of each layout style as well as how to alter your layouts globally


Site Style

Full width layout

Below is an example of how you can setup the Full-width:

Header Style

Left sidebar layout

Below is an example of how you can setup the Left sidebar:

Header Style

Right sidebar layout

Below is an example of how you can setup the Right sidebar:

Header Style

II. Per-Page Setting


If you must alter the main layout for a specific page or post you can do that via the Meta box located in the page editor screen. Have a look below:


Page title

With the Total theme you can easily customize the title of any given page or post to have a background image. All you need to do is use the built-in settings to define your image and if you want an overlay.

Page title contains all options for setting how Page title display on page (pls read carefully infomation below each option for more details).

Navigate to Theme option >> Page title.

With the Page title, you can use Content Block to display as the Page title

Theme Options Logo

Breadcrumb Enable: You can enable/disable the breadcrumb.

Show Post Categories in Breadcrumb : You can show the breadcrumb in the post categoties page

Show Post Type Archives in Breadcrumb: Total uses a page builder the custom post types (portfolio, staff and service etc) have the breadcrumb or not

II. Per-Page Setting


If you must alter the Page title for a specific page or post you can do that via the Meta box located in the page editor screen. Have a look below:


COLOR

Color has options for setting Color of website You can select the Site color, General color, Other color to displays colors you want.

Navigate to Theme option >> Color.

Meta Options Page Title

II. Per-Page Setting


If you must alter The Color for a specific page or post you can do that via the Meta box located in the page editor screen. Have a look below:


Preset are Option that were set beforehand to facilitate use, all Options of Preset are same options of Theme option, it will override settings in Theme option on all pages/posts applyed it.

This is Color preset setting:

Header Style

TYPOGRAPHY

Total includes a custom Typography class built exclusively for Total that provides you with Fonts Management so you can see font and typography changes right the font you want.

Typography allows users to specify font properties to display as body font, primary font, menu font... All fonts are managed in Fonts Management custom/upload fonts on website.

Navigate to Theme option >> Typography.

Theme Options Typography Setting

.

Simply go to the Theme option and click on the “Typography” panel. Here you can select the part of your site to edit, modify accordingly then save your changes. So easy!

II. Per-Page Setting


If you must alter The Typography for a specific page or post you can do that via the Meta box located in the page editor screen. Have a look below:


Preset are Option that were set beforehand to facilitate use, all Options of Preset are same options of Theme option, it will override settings in Theme option on all pages/posts applyed it.

This is Typography preset setting:

Header Style

CONTENT BLOCK

Content Block — is specific layout of content that will be saved, then you will be able to reuse it to display in Page Title area, Top Bar area, 404 page, Top Drawer or Footer area (configure in Theme Options or Preset, and the Page Title setting in Page Options). By using Content Block you will be able to save tons of time in case you need to create specific layout on and apply it to be Top Bar/Top Drawer or Page Title/Footer, you can also use Content Block for 404 Page.

You can consult our video guide on How to use Content Block in theme for more details (In this video we used Emo theme for example)

Video guide on How to use Content Block


All Content Block in demo Data

The screenshot below is all content blocks. You can manage all your content block here by edit/delete/view.


Add New a Content Block


Use Content Block in Theme Options (similar to Preset)

Page Title Option


Footer Option


Use Content Block in Page Setting


MEGA MENU

Mega Menu is one of the coolest features, mega menu is a type of expandable menu in which many choices are displayed in a two-dimensional. You can use WPBakery Page Builder elements/templates and shortcodes of theme to create new layout and save it as Mega Menu.

Video guide on How to use Mega Menu


From WP dashboard, goto Mega Menu → You can manage all Mega Menus by clicking to edit/view/delete button. You can also add new a mega menu item.

All Mega Menus in demo Data

Mega Menus Management


Add New a Mega Menu

Add new mega menu


Use Mega Menu in Menu

From WP dashboard, goto Apperance → Menus

Go to Apperance → Menus


Select Mega Menu item to add to Menu


Thank you for following this document

We have prepared detailed user manual in order to ensure smooth and easy work with our theme. However, If you have any questions that are beyond the scope of this documentation or have any troubles configuring your website applications with the above settings you can contact the G5Theme Support Team by signing up and submit a new topic. G5Them Support Team will be glad to assist you.

Please create topic here: https://sp.g5plus.net

Thanks so much for purchasing the theme!