THIS IS STEP BY STEP GUIDE ON HOW TO BUILD HOMEPAGE MANUALLY FOR HOME 1
Note: You need Wordpress, HANDMADE theme & all required plugins are already. Building other homepages process are similar.
Overview Elements Area On Page
Building Header Area
You can setup options in Theme Options which will affect to entire website.
The screenshot below is an header area:
1.1 Setting header
Settings for Header Right and Header Navigation
Header Customize panel in Theme Options help you setup Header Navigation area. Go to Theme Options → Header Customize tab, then setup options for Header Customize as your liking
Settings for Header Area
Header panel in Theme Options help you setup main settings in Header area. Go to Theme Options → Header tab, then setup options for Header Area as your liking.
In Header, we select to show top bar and columns layout for the Top Bar. Then choose the default Top Left/Right sidebar. Now we will add widget to the Top Left/Right sidebar that we have selected
From WP dashboard, goto Appearance → Widgets, then add 2 Text widget to Top Bar Leddt widget area
Add Text widget, Navigation Menu widget and G5Plus: My Account to Top Bar Right widget area
1.2 Upload logo
Go to Theme Options → Logo tab, then change logo (please read detailed description below each item before upload):
Please consult this video guide on How to build Header Area. This process is similar to building Header Area on HANDMADE theme.
1.3 Create menu
The menu is one of the most important elements of the site. It provides your visitors with the information about site structure. If your menu has well-thought and conveniently grouped elements, you visitors will be able to find the needed section easily.
Navigate to Appearance → Menus section to manage all menus on your site and do follow as below screenshot:
In the Menu Settings section, click to Primary Menu to setup this menu to be the main site menu and is used almost in all header styles and menu locations.
If you want to extra more fields to add to your menu, you can click on Screen Options and select:
Finally, don't forget to Save Menu after everything is set properly and check it on the site. You can also consult Menu Settings section to build an attractive menu by your own.
Building Footer Area
The screenshot below is demo Footer Area on the frontend
1.1 Add widget to sidebars in Main Footer
1. Add widgets to FOOTER 1 area
Go to Widget Manager
Add G5Plus: Footer Logo widget to Footer 1 sidebar
2. Add widgets to FOOTER 2 area
Add Navigation Menu widget to FOOTER 2 widget area
3. Add Widgets to FOOTER 3 area
Similar to FOOTER 2 widget area, we add Navigation Menu widget to FOOTER 3 widget area:
4. Add Widgets to FOOTER 4 area
Add Text widget to Footer 4 area
Notice: You can create a new widget simply like this:
1.2 Add widget to sidebars in Top Bar of Footer (that display above Main Footer)
Add G5Plus: Partner Carousel widget and G5Plus: Map & Scroll up to Footer Top Bar Left area
1.3 Add widget to sidebars in Bottom Bar
Add widget to sidebars in Bottom Bar Left
Add Text widget to Bottom Bar Left area
Add widget to sidebars in Bottom Bar Right
Add G5Plus:Payment Gate widget to Bottom Bar Right area
1.4 Settings Footer
Go to Theme Options → Footer tab, then setup general options for Footer area and specify the Content Block to use as a footer content.
