Sidebar and Widget in G5Theme

Premium WordPress themes developed by G5Theme don’t only come with default built-in Widgets but also extra Widgets that help you build fully function websites.

In order to use these widgets, from WP dashboard, navigate to Appearance → Widgets.

The screenshot below in an example list of pre-defined sidebars as well as their locations on a page, so that you will find it easier when pulling out widgets to set up your site.

All custom Widgets available on April theme

You can add widgets to widget areas simply by hover the Widget then drag-drop to widget area as your liking:

Drag-drop a Widget to widget area

Widgetised Sidebar element in Visual Composer 

Widgetised Sidebar element in Visual Composer help you add any widget areas to display in the page/post

In these theme: ZORKA, DARNA, GROVE, MEGATRON, HANDMADE, ACADEMIA, PITHREE, ORSON, RICA, MOWASALAT, ORION, ARVO, MoveCo, BEYOT, ORGANIZ you can setup Widgets to Top Bar, Top Drawer  or Footer area

add-widget-to-footer

Choose the default Footer sidebar

 add-widget-to-topbar

Choose the default Top Bar sidebar

add-widget-to-topdrawer

Choose the default Top Drawer sidebar

Note: Recently, in our lastest themes you can use Widgetised Sidebar element in Visual Composer to build a Content Block then use this Content Block to display as Top Bar, Top Drawer, Bottom Bar, Footer in Theme Options (or Preset)

How To Build Main Footer

This guide use for these theme: ZORKA, DARNA, GROVE, MEGATRON, HANDMADE, ACADEMIA, PITHREE, ORSON, RICA, ARVO, MOWASALAT, MOVECO, ORION, BEYOT, ORGANIZ 

The main portion of the Footer Area is a widgetized section that can display widgets in 1-6 columns. Widgets add various content or features to your site. They can be added, removed, and rearranged in the Appearance > Widgets tab on your WordPress admin panel.

Add Widgets To The Footer

Step 1 – Navigate to Appearance > Widgets to access the widgets and footer widget sections.

Step 2 – You will see a ‘Footer Widget X’ (Footer 1/Footer 2..) section on the right hand side for each footer column you selected to have in Theme Options.

Step 3 – On the left hand side are your widgets, simply drag and drop the widgets you want from the left side into the ‘Footer Widget’ sections on the right side. See the screenshot below.

main-footer-add-widget

Add widget

Footer Settings

Navigate to the Appearance > Theme Options > Footer panel and switch the ‘Main Footer’ option to On to Enabled Main Footer . Set how many columns you’d like to display by customizing the Layout option.

main-footer-theme-option

NOTICE: Recently, we use Content Block  (Content Block is specific layout of Visual Composer elements saved) to display in Footer area. Please consult this guide: http://support.g5plus.net/knowledge-base/how-to-use-content-block/ for further details.

———

If you have any troubles configuring your website applications with the above settings you can contact the Support Center by signing up and submit a new topic. G5Theme Support Team will be glad to assist you.
Thankyou for choosing G5Theme!

How to build menu using XMENU

X-Menu

Beside of ordinary menu setup in WordPress, XMENU that have been developed by G5Theme added a lot of options for customizing menus. XMENU is located in per menu item that you can customize them to bring your menus to new level!

You can consul XMENU documentation here: http://document.g5plus.net/xmenu/ 

This article focuses on show you How to build menu using XMENU. We used Zorka theme for example, but this step by step guide is similar to these theme: DARNA, GROVE, MEGATRON, HANDMADE, ACADEMIA, PITHREE, ORSON, RICA, MOWASALAT, ARVO, MOVECO, ORION, BEYOT so you would be able to refer.

For example we will create a new menu with 2 rows, 6 columns as Zorka Demo Data, it will look like below:

create-menu-home-1

You can follow these step as below:

Step 1: Go to Appearance >> Menus. Add 12 menu item from Home 1 to Home 12 and 1 menu item Home Blank to seperate 2 rows as image:

create-menu-home-2
Step 2: Config menu Home on Sub Menu tab:

create-menu-home-3

 

Step 3: Config for Home 1 – Home 12 as:

3.1 Config Icon tab:

create-menu-home-6

3.2 Config Image tab:

create-menu-home-4

3.3 Config Layout tab:

create-menu-home-7

4. Config Home Blank menu on Layout tab:

create-menu-home-5

 

NOTICE: Recently, in our lastest themes XMENU’s appearance have had some changes as below:

xmenu

To configure settings for individual menu items or submenus, hover over the menu item you want to configure, and click the XMENU button that appears. The Menu Item Settings Panel will display from left.

These settings control a specific menu item, with options including:

  • General settings
  • Submenu (custom width, position, sub menu animation, sub menu transition)

Click the Save Changes button at the top to save settings for this specific item. To configure a Submenu, click on the parent item for that submenu and then click the Submenu tab on the right.

Attribute Description
General
URL URL go to when user click this menu item
Navigation Label Title of menu item
Title Attribute Title for tag of menu item
CSS Classes Add advanced custom CSS
Link Relationship (XFN) Value for attribute rel
Description Description of the menu item
Menu Featured Select style for the menu item
Icon Select icon for the menu item
Sub Menu
Sub Menu Width Set Sub Menu Width
Sub Menu Position Select Sub Menu Position
Sub Menu Transition Select Sub Menu Transition

—————

If you have any troubles configuring your website applications with the above settings you can contact the Support Center by signing up and submit a new topic. G5Theme Support Team will be glad to assist you.

Thankyou for choosing G5Theme!

 

How to Create XMENU with Widget Area Content?

Have you ever want to create menu look like this:

create-widget-00

This article will show you How to create mega menu with Widget Area content, please follow our step by step on each images:

Step 1: Create menu parent

create-widget-01

And child menu:

create-widget-02

Create structure menu:

create-widget-03

Result here:

create-widget-04

Step 2: Create dynamic widget area for menu

create-widget-05

Go to widgets manager:

create-widget-06

Result here:

create-widget-07

Step 3: Add content to widget area(which created by Step 2)

create-widget-08

Setting parameter:

create-widget-09

Save data:

create-widget-10

Step 4(addition): Setting other paramater for look the same image screenshot result.

Disable text on menu:

create-widget-11

Add padding:

create-widget-12

Step 5: Result all here

create-widget-13

DONE.

————
If you have any troubles configuring your website applications with the above settings you can contact the Support Center by signing up and submit a new topic. G5Theme Support Team will be glad to assist you.
Thank you very much for choosing G5Theme!

How to assign your menu to XMENU on ZORKA theme

This video guide focuses on show you How to assign your menu to XMENU on ZORKA theme

————
If you have any troubles configuring your website applications with the above settings you can contact the Support Center by signing up and submit a new topic. G5Theme Support Team will be glad to assist you.
Thank you very much for choosing G5Theme!