Opens in a new tab
1st Oct '25
/
0 comments

Post Titles and Post Content Tabs in Bricks

This Pro tutorial provides the steps to set up tabs (horizontal or vertical) where the tab menu items can be post titles (or any other post-specific data like a custom field value or the featured image) and the tab pane items can be post excerpt and/or any other post-specific data using Tabs (Nestable) element in Bricks.

Any element can be inserted in the tab menus and tab panes and so you will have full flexibility in designing your post (can be of any post type) tabs in the Bricks editor.

If you are looking for term names as the tab titles with corresponding posts as the tab content, follow these tutorials instead:

Horizontal Tabs Section

Copy the JSON code from the link below and paste in your Bricks page/template for the fully built Section.

This is a BricksLabs Pro tutorial.

For full access login below or create your BricksLabs Pro account

Get access to all 633 Bricks code tutorials with BricksLabs Pro

Related Tutorials..

Adding any Custom WP_Query loop to Bricks’ Query Loop

Adding any Custom WP_Query loop to Bricks’ Query Loop

Sometimes we may need to create a custom post loop using Bricks' query loop feature, but wish to use our own WP_Query code for more…
Pro
Filtering posts by a group field’s subfield value with Meta Box when using a custom table in Bricks

Filtering posts by a group field’s subfield value with Meta Box when using a custom table in Bricks

Filtering a query loop to output only those posts with the value of a Select subfield of a Group field set to Yes when using…
Categories:
Tags:
Pro
Deep Linking to Headings inside Bricks Tab Panes via URL Hash

Deep Linking to Headings inside Bricks Tab Panes via URL Hash

Learn how to link to a specific heading inside a Tabs (Nestable) element's tab pane content using custom JavaScript.
Categories:
Tags:
Pro
Dynamic Horizontal Posts Accordion in Bricks

Dynamic Horizontal Posts Accordion in Bricks

Update on 8 Sep 2024: You may want to follow the newer version that considers accessibility. Looking to make a Horizontal Image Accordion dynamic? This…
Pro
Custom Nested Queries in Bricks

Custom Nested Queries in Bricks

In most of the previous tutorials covering nested query loops in Bricks on this site, we accessed the parent query's looping object in the inner…
Categories: