How to Setup the Widget Area in a Headway Themes Grid Layout

Posted OnMar 26, 2015     CategoryThemes     CommentsNo comment

In this section of the guide to Headway Themes, we will focus on how to add, modify, delete and switch blocks in the grid layout for the Widget (Sidebar) Block.

Step 1) Login to the WordPress Dashboard.

Step 2) From the top toolbar, navigate to Headway -> Visual Editor -> Grid.

km-headway-design-01ab

Add & Modify the Widget Area Block

Step 3) Right mouse click over the Sidebar area to display a pop-up menu.

A black pop-up box also displays to show the dimensions of the Widget area.
Hover over this area and drag the mouse to expand/reduce the Widget width/height.

km-headway-sidebar-01a

Step 4) Select Open Block Options to display the Widget Area Block section at the bottom of the page.

Content Tab

Step 5) The next step is to add Widgets to the Widgets area.

km-headway-sidebar-02a

Step 6) From the Widgets area of WordPress, the following Widgets were added to the Widgets area.

Click here for detailed instructions on how to add Widgets to your layout.

km-headway-sidebar-03a

Step 7) Navigate to the Visual Editor: Front Page tab in your browser.

Step 8) Click the Save button from the top toolbar to save any changes.

Step 9) Click the View Site button from the top toolbar to view the changes.

km-headway-sidebar-04a

Default Widgets Tab

If the Widgets you want to select fall in to the Standard widgets category (come with WordPress), instead of adding Widgets using the Content area, you can assign them here.

To hide the Widget Title, remove the checkmark from the Hide Titles checkbox.

To customize the title, modify the Title text. Available codes can be found in the How to Setup the Content Area in Headway Grid Layout guide.

km-headway-sidebar-05a

Step 10) Click the Save button from the top toolbar to save any changes.

Config Tab

This area is covered in How to Setup the Menu Area in Headway Grid Layout.

Switch Block

This area is covered in How to Setup the Header Area in Headway Grid Layout.

Delete Block

This area is covered in How to Setup the Header Area in Headway Grid Layout.

Import/Export Tab

This area is covered in How to Setup the Header Area in Headway Grid Layout.

The next step of the guide will focus on How to Setup the Footer Area in Headway Grid Layout.

 


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend