Post Title Module
Overview
The Post Title module displays the title for each post or product in a loop layout. It provides control over the HTML heading tag for proper semantic structure, linking to single pages, and text styling options.
When to use it
Use this module as a component of a Custom Loop Layout that will be used inside the Archive Loop to dynamically display the title of each loop item. Custom loop layouts are saved in the Divi Library.
Common use cases:
- Display post titles in blog archive grids
- Show product names in WooCommerce shop layouts
- Create custom archive designs with proper heading hierarchy
- Build accessible loop layouts with semantic HTML
This module is not compatible with the Loop Builder.
Choose your heading tag carefully based on your page structure. If your main page title uses H1, use H2 or H3 for loop item titles to maintain proper heading hierarchy.
Content Tab
Configure how the title is displayed, which HTML tag is used, and linking behavior.
Main Settings
Title Text: Choose the semantic HTML element for the title.
Select which HTML tag will wrap the title text. This affects both SEO and accessibility.
Available options:
- H1 - Primary heading (use only if loop items are the main page content)
- H2 - Secondary heading (recommended for most archive layouts)
- H3 - Third-level heading (use when H2 is used elsewhere on the page)
- H4, H5, H6 - Lower-level headings for deeper hierarchy
- P - Paragraph tag (when title should not be a heading)
Proper heading hierarchy improves SEO and accessibility. Screen readers use headings to navigate page structure, so ensure your tags follow a logical order (H1 → H2 → H3, etc.).
Link Title to Single Page: Make the title clickable to the single post or product page.
When enabled, the title becomes a clickable link that navigates to the loop item's single page.
Recommended: Enable this for most archive layouts to provide easy navigation to individual posts or products.
Open Link in New Tab: Opens the link in a new browser tab.
Enable to open the linked page in a new browser tab, keeping the current archive page open.
Use "Open in New Tab" sparingly. Most users prefer links that open in the same tab, as opening new tabs can disrupt browsing flow and is less mobile-friendly.
Title Source: Choose the source of the title text.
Select where the title text comes from. This is particularly useful when using Divi Machine or BodyCommerce for dynamic content.
Available options:
- Post Title (default) - Use the post or product title
- Category Title - Use the category name instead of post title
When using category loop layouts, you can display the category name instead of individual post titles. This is useful for creating category cards or taxonomy archives.
Design Tab
The Design tab provides styling controls for the title text. In addition to standard Divi design options, the Post Title module includes plugin-specific design settings.
Title Text
Design settings for the title typography and styling can be found in the Title Text section.
What's next?
- Archive Loop Module - Learn how to create loop layouts using this module
- Thumbnail Module - Display featured images in your loop layouts
- Filter Posts Module - Add filtering to your archive pages