Themer Singular layout type

The Singular Themer layout is a type of content layout in Beaver Themer (which can be purchased here). It can be applied to single posts and pages.

Special behavior of the Singular Themer layout

The Singular Themer layout behaves differently from the other Themer layout types because it is the only layout type that includes a module for the content area of the page, and you add the content for each individual post or page with a WordPress text editor. See the screenshot in the following section for what the Singular Themer layout's template looks like.

Here are the special properties of the Singular Themer layout:

  • It can be used for single posts and pages, but most of the special Post modules that are used in Singular Themer layouts (described below) apply to posts, not pages.
  • It has special Post modules that display post title, author, date, category, comments, post navigation, and featured image. See the screenshot in the next section.
    These modules use field connections to display the correct information for each post.
  • There is also a special Post module that serves as a placeholder for where the content area will go. You add content for individual posts using the WordPress editor, not Beaver Builder.
  • There can only be one content area for a post or page. If you include more than one Post Content module in a Singular Themer layout, the content from the post or page will repeat in both instances.

If you'd like a short refresher on the WordPress content area, see the primer in the Related Article below.

Singular Themer layout template

When you create a Singular Themer layout and open it in Beaver Builder, the Singular layout template is automatically applied, which you can then modify. The layout template contains most of the post information and post content that you'd want for a single Post.

See the next section for detailed information about the Singular layout template.

Tips:

  • It's easier to design a Singular Themer layout if you already have one or more Posts created. You can preview the posts as you work and see the information that will appear from each post.
  • If you ever want to revert to this default layout, click the Templates tab in the Content panel when you're editing the Singular Themer layout in Beaver Builder.
  • You can add a Related Posts section with a Posts module. See the Related Article below for instructions how.

Details of the Singular Themer layout template

The Singular Themer layout template (what you see when you create a Singular Themer layout and open it in Beaver Builder) has most of the modules you'd use to lay out a single post, specifically:

  • Two rows, one for the post title area with the post featured image as the background, the other for the rest of the content on the page.
  • For the post title row, there's a background photo set to the Featured Image field connection, as shown in the following screenshot. There's also a dark row overlay set to 50% opacity. Text color is set to white.

    Tip: If you prefer to display your featured image as a photo rather than a background image, use the Featured Image module. See the link in the Related Articles below.
  • The Post Title module is a "shortcut" module. It's actually a Heading module with a field connection set to Post title in the Heading field.
  • The Post Info module has the following components, any of which you can show or hide.
    • Post  date
    • Post modified date
      Displays the Last Updated date.
    • Author name
    • Number of comments
    • Terms
      By default the Taxonomy is Categories, but you can also choose Tags.
  • The Post Content module contains the post's content.

Note: You can't use Beaver Builder to edit the content of individual posts when a Singular Themer layout will apply to that post, because it breaks the Themer layout. You'll use the native WordPress editor for post content (Gutenberg or Classic), where you can add text, images, shortcodes, and some types of code.

  • The HTML module is a standard Beaver Builder module. In this template, it contains a field connection shortcode to display the Post terms list, which for standard posts are either categories or tags. The template contains the following string in the HTML module:
    Posted in [wpbb post:terms_list taxonomy="category" separator=", "]
    As of Beaver Themer 1.2.3, there is an additional Layout option for the Post Terms List shortcode, which can be used to display the post terms as an unordered or ordered list, rather than a list separated by commas. Note that hierarchical categories are displayed as a flat list. See the shortcode index article for how to code this option.
  • The Author Bio module
    This module pulls the information from the Biographical Info and Profile Picture fields in the post author's profile.
  • The Post Navigation module displays links to the previous and next posts.
  • The Comments module displays the standard information about Post comments. You cannot configure which information is displayed. You can only configure what's typically on the Advanced tab of a module: margins, responsive display conditions, visibility, animation, and custom ID or class names.

Special Post Modules category for the Singular Themer layout

When you edit the Singular Themer layout in Beaver Builder, there's a special module in the Themer group called Post modules, as shown in the following screenshot Most of these modules are used in the Singular Themer layout template.

See the Related Articles for a description of each of these modules.

Note: While the Singular Themer layout can be applied to pages as well as posts, it has limited usefulness. Most of the specialized Post modules for Singular Themer layouts don't apply to pages, and your pages' content area will have to be edited in a WordPress text editor.