Themer Singular layout type
The Singular Themer layout is a type of content layout in Beaver Themer (which can be purchased here). It is usually applied to single posts and custom post types, although it can also be applied to pages.
The Singular layout includes the parts of the page shown in the following diagram, which includes standard information that is associated with single posts: the post title and post info, post content, post categories or tags, an author bio, post navigation, and post comments.
You can also include a sidebar in the Singular layout by using a standard Sidebar module
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. The post content must use the WordPress editor (standard or classic), not a Beaver Builder layout.
Here are the special properties of the Singular Themer layout:
- It has special Post modules that display post title, author, date, category, comments, post navigation, and featured image, as shown in this screenshot.
- These modules use field connections to display the correct information for each post.
- There is also a special Post module that pulls the post's content from the WordPress text editor (standard or classic).
- The template for the Singular Themer layout already includes most of these modules. See the screenshot in the next section.
- 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.
If you'd like a short refresher on the WordPress content area, see the primer in the Related Article below.
- If you use WooCommerce, Easy Digital Downloads, or The Events Calendar, the Themer layout group in the Content panel has additional sections of modules specifically for those post types.
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.
- 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 on 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
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.