Builder Header Module

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
 
(26 intermediate revisions by one user not shown)
Line 1: Line 1:
By default, the '''Header Module''' uses the Site Title and Tagline as set in your WordPress Dashboard's General Settings.  
+
[[File:Builder-site-title.png|thumbnail|right|100px|link=|'''1.1''' WordPress General Settings Site Title and Tagline]]
 +
 
 +
The '''Header Module''' adds an easy-to-configure header for your site. By default, the Header Module uses the Site Title and Tagline as set in your WordPress Dashboard's General Settings. (Figure 1.1)
  
 
<br />
 
<br />
  
[[File:Builder-site-title.png|thumbnail|right|400px|link=|WordPress Settings]]
+
==Adding a Header Module==
  
 +
To add a Header Module to your Layout, click '''Add Module''' and select the Header Module from the list of available Modules.
 +
 +
<br />
 +
 +
[[File:Add-header-module.png|800px|link=]]
 +
 +
<br />
  
 
==Header Module Settings==
 
==Header Module Settings==
Available Header Module settings include:
+
 
 +
Once the Header Module has been selected and added to the Layout, the '''Modify Header Module Settings''' box will appear. Customize the settings of the Header Module by selecting from the following options.
 +
 
 +
<br />
 +
 
 +
[[File:Header-module-settings.png|800px|link=]]
 +
 
 +
<br />
 +
 
 +
'''Available Header Module settings include:'''
  
 
*'''Name''' - To help identify widget locations
 
*'''Name''' - To help identify widget locations
Line 15: Line 33:
 
*'''Sidebars''' - Add Sidebars for widgets to the left, right or on both sides of the Header Module
 
*'''Sidebars''' - Add Sidebars for widgets to the left, right or on both sides of the Header Module
  
 +
<br />
 +
 +
Click the '''Save''' button to save the Header Module Settings. You'll now see the Header Module added to your Layout.
 +
 +
<br />
 +
 +
[[File:Screen Shot 2013-07-24 at 11.14.26 AM.png|800px|link=]]
 +
 +
==Advanced Notes==
 +
The Header Module will also wrap the title and tagline in div tags with an exception for the title on a Home Page View. On the home page, the title will be wrapped in an <code>h1</code> tag.
 +
 +
==Generic CSS Class==
 +
 +
<code>.builder-module-header</code>
 +
 +
==See also==
  
==Advanced notes==
+
*[[Builder_Layouts:_Introduction|Introduction to Builder Layouts]]
This module will also wrap the title and tagline in div tags with an exception for the title on a home page view. On the home page, the title will be wrapped in an h1 tag.
+
* [[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 />
 
<br />
[[:Builder_Test|← Back to Builder Codex Home]]
+
[[:Builder|← Back to Builder Codex Home]]

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

1.1 WordPress General Settings Site Title and Tagline

The Header Module adds an easy-to-configure header for your site. By default, the Header Module uses the Site Title and Tagline as set in your WordPress Dashboard's General Settings. (Figure 1.1)


Contents

Adding a Header Module

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


Add-header-module.png


Header Module Settings

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


Header-module-settings.png


Available Header Module settings include:

  • Name - To help identify widget locations
  • Site Title - Specify “Show Site Title,” “Use Custom Site Title Text” or “Do Not Show Site Title”
  • Tagline - “Show Tagline,” “Use Custom Tagline” or “Do Not Show Tagline”
  • SEO - Recommended or custom settings for tags and divs
  • Sidebars - Add Sidebars for widgets to the left, right or on both sides of the Header Module


Click the Save button to save the Header Module Settings. You'll now see the Header Module added to your Layout.


Screen Shot 2013-07-24 at 11.14.26 AM.png

Advanced Notes

The Header Module will also wrap the title and tagline in div tags with an exception for the title on a Home Page View. On the home page, the title will be wrapped in an h1 tag.

Generic CSS Class

.builder-module-header

See also



← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox