Builder Widget Bar Module

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Created page with "<br /> ← Back to Builder Codex Home")
 
 
Line 1: Line 1:
 +
[[File:Widgets-page.png|thumbnail|right|100px|link=|'''1.1''' The Widgets Page]]
 +
 +
The '''Widget Bar Module''' can contain one to three widget locations. Widgets can be managed by visiting the '''Appearance > Widgets''' page from within the WordPress dashboard (Figure 1.1)
 +
 
<br />
 
<br />
[[:Builder_Test|← Back to Builder Codex Home]]
+
 
 +
==Adding the Widget Bar Module==
 +
 
 +
To add a Widget Bar Module to your Layout, click '''Add Module''' and select the Widget Bar Module from the list of available Modules.
 +
 
 +
<br />
 +
 
 +
[[File:Add-widget-bar.png|800px|link=]]
 +
 
 +
<br />
 +
 
 +
==Widget Bar Module Settings==
 +
 
 +
Once the Widget Bar Module has been selected and added to the Layout, the '''Modify Widget Bar Module Settings''' box will appear. Customize the settings of the Widget Bar Module by selecting from the following options.
 +
 
 +
<br />
 +
 
 +
[[File:widget-bar-settings.png|800px|link=]]
 +
 
 +
<br />
 +
 
 +
'''Available Navigation Module settings include:'''
 +
 
 +
*'''Name''' - To help identify widget locations
 +
*'''Columns''' - 1, 2, 3, 4, 5 – Each column becomes a widget area.
 +
*'''Column Widths''' - This depends on column number selection. This option controls the percentage of the Layout width that each column receives. There is also a "Custom..."option that allows for custom selection of percentages
 +
*'''Style''' - **Varies by child theme** - If the active child theme (theme design) provides [[Builder_Modules:_Alternate_Module_Styles|Alternate Module Style]] options for this module, select the desired style.
 +
 
 +
<br />
 +
 
 +
Click the '''Save''' button to save the Widget Bar Module Settings. You'll now see the Widget Bar Module added to your Layout, denoting the number of widget areas defined by the Widget Bar Module.
 +
 
 +
<br />
 +
 
 +
[[File:Widget-bar-in-layout.png|800px|link=]]
 +
 
 +
==Generic CSS Class==
 +
 
 +
<code>.builder-module-widget-bar</code>
 +
 
 +
==See also==
 +
 
 +
*[[Builder_Layouts:_Introduction|Introduction to Builder Layouts]]
 +
* [[Builder_Layouts_Video_Overview|Video Overview]]
 +
* [[Creating_a_Builder_Layout|Creating a Builder Layout]]
 +
** [[Builder_Modules|Builder Modules]]
 +
*** [[Builder_Header_Module|Header Module]]
 +
*** [[Builder_Navigation_Module|Navigation Module]]
 +
*** [[Builder_Image_Module|Image Module]]
 +
*** [[Builder_Widget_Bar_Module|Widget Bar Module]]
 +
*** [[Builder_Content_Module|Content Module]]
 +
*** [[Builder_HTML_Module|HTML Module]]
 +
*** [[Builder_Footer_Module|Footer Module]]
 +
**[[Builder_Modules:_Sidebars|Sidebars]]
 +
*** [[Builder_Duplicate_Sidebar_Widget| Builder Duplicate Sidebar Widget]]
 +
** [[Builder_Modules:_Alternate_Module_Styles|Alternate Module Styles]]
 +
* [[Applying_Builder_Layouts| Applying Layouts to Specific Posts/Pages]]
 +
 
 +
 
 +
<br />
 +
[[:Builder|← Back to Builder Codex Home]]

Latest revision as of 12:24, July 24, 2013

1.1 The Widgets Page

The Widget Bar Module can contain one to three widget locations. Widgets can be managed by visiting the Appearance > Widgets page from within the WordPress dashboard (Figure 1.1)


Contents

Adding the Widget Bar Module

To add a Widget Bar Module to your Layout, click Add Module and select the Widget Bar Module from the list of available Modules.


Add-widget-bar.png


Widget Bar Module Settings

Once the Widget Bar Module has been selected and added to the Layout, the Modify Widget Bar Module Settings box will appear. Customize the settings of the Widget Bar Module by selecting from the following options.


Widget-bar-settings.png


Available Navigation Module settings include:

  • Name - To help identify widget locations
  • Columns - 1, 2, 3, 4, 5 – Each column becomes a widget area.
  • Column Widths - This depends on column number selection. This option controls the percentage of the Layout width that each column receives. There is also a "Custom..."option that allows for custom selection of percentages
  • Style - **Varies by child theme** - If the active child theme (theme design) provides Alternate Module Style options for this module, select the desired style.


Click the Save button to save the Widget Bar Module Settings. You'll now see the Widget Bar Module added to your Layout, denoting the number of widget areas defined by the Widget Bar Module.


Widget-bar-in-layout.png

Generic CSS Class

.builder-module-widget-bar

See also



← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox