Builder Content Module

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Created page with "<br /> ← Back to Builder Codex Home")
 
 
(4 intermediate revisions by one user not shown)
Line 1: Line 1:
 +
The '''Content Module''' adds a place for post or page content to render. Most Layouts will have this module.
 +
 
<br />
 
<br />
[[:Builder_Test|← Back to Builder Codex Home]]
+
 
 +
==Adding an Image Module==
 +
 
 +
To add a Content Module to your Layout, click '''Add Module''' and select the Content Module from the list of available Modules.
 +
 
 +
<br />
 +
 
 +
[[File:add-content-module.png|800px|link=]]
 +
 
 +
<br />
 +
 
 +
==Content Module Settings==
 +
 
 +
Once the Content Module has been selected and added to the Layout, the '''Modify Content Module Settings''' box will appear. Customize the settings of the Content Module by selecting from the following options.
 +
 
 +
<br />
 +
 
 +
[[File:Content-module-settings.png|800px|link=]]
 +
 
 +
<br />
 +
 
 +
'''Available Content Module settings include:'''
 +
 
 +
*'''Name''' - For widget identification purposes
 +
*'''Sidebars''' - Widget areas to the left, right or on both sides of the content module
 +
*'''Sidebar Widths''' - “Narrow,” “Standard,” “Wide” or a custom width in pixels
 +
*'''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 Content Module Settings. You'll now see the Content Module added to your Layout, denoting the configuration of sidebars (if applicable).
 +
 
 +
<br />
 +
 
 +
[[File:content-module-added.png|800px|link=]]
 +
 
 +
 
 +
==Generic CSS Class==
 +
 
 +
<code>.builder-module-content</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:33, July 24, 2013

The Content Module adds a place for post or page content to render. Most Layouts will have this module.


Contents

Adding an Image Module

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


Add-content-module.png


Content Module Settings

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


Content-module-settings.png


Available Content Module settings include:

  • Name - For widget identification purposes
  • Sidebars - Widget areas to the left, right or on both sides of the content module
  • Sidebar Widths - “Narrow,” “Standard,” “Wide” or a custom width in pixels
  • 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 Content Module Settings. You'll now see the Content Module added to your Layout, denoting the configuration of sidebars (if applicable).


Content-module-added.png


Generic CSS Class

.builder-module-content

See also



← Back to Builder Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox