Builder Header Module

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Advanced notes)
 
(8 intermediate revisions by one user not shown)
Line 1: Line 1:
 
[[File:Builder-site-title.png|thumbnail|right|100px|link=|'''1.1''' WordPress General Settings Site Title and Tagline]]
 
[[File:Builder-site-title.png|thumbnail|right|100px|link=|'''1.1''' WordPress General Settings Site Title and Tagline]]
  
By default, the '''Header Module''' uses the Site Title and Tagline as set in your WordPress Dashboard's General Settings. (Figure 1.1)
+
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 />
 +
 
 +
==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.
 
To add a Header Module to your Layout, click '''Add Module''' and select the Header Module from the list of available Modules.
Line 29: 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
  
Click the '''Save''' button to save the Header Module Settings.
+
<br />
  
You'll now see the Header Module added to your Layout.
+
Click the '''Save''' button to save the Header Module Settings. You'll now see the Header Module added to your Layout.
  
 
<br />
 
<br />
Line 37: Line 41:
 
[[File:Screen Shot 2013-07-24 at 11.14.26 AM.png|800px|link=]]
 
[[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==
  
==Advanced notes==
+
<code>.builder-module-header</code>
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.
+
  
==CSS Class==
+
==See also==
  
<code>.builder-module-header</code>
+
*[[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 />
 
<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