Bricks Tutorials List

Learn how to set up nested query loops in Bricks to show hierarchical posts with child posts grouped under their corresponding parent posts

How to insert an image or any Bricks element between posts output by a query loop.

Detailed instructions on setting up Bricks' Map element with additional location-based distance filtering or proximity search input.

How to link a Bricks post-creation form on a post to a newly created post of another post type using Meta Box relationship.

Updated version of the earlier Upcoming Events Grouped by ‘Month Year’ in Bricks tutorial with some improvements:

In the Bricks Facebook group a user asks: We can use AI to help unfreeze our brains sometimes or at least have it write the code with us after giving directions on the logic 😅. Here's the PHP query for this:

How to set the source of Bricks’ Image Gallery element on a post to images in the selected HappyFiles Folder(s) via a Meta Box Taxonomy or Taxonomy field.

Implement FullCalendar in WP using the WordPress REST API. Showing events on a calendar with event data (incl. custom field values) in popovers.

Update: Also added Variation 2 with support for Bricks' Load more functionality. In the Bricks Facebook group a user asked: Hello everyone. I have this issue with filtering and bi-directional relationships between 2 CPTs. I have made a query loop with the CPT "Sample packs" and need the CPT "Artists" post title in it. So…

We explore adding conditional classes or data attributes to Bricks query loop items.

How we can use PHP query feature in Bricks to get the value (post ID) of a Post-type Meta Box custom field

Programatically sync separate date and time custom fields & other useful customizations to the popular Pie Calendar plugin.

We look into how ACF Repeater rows output by a Bricks query loop can be filtered using the bricks/query/run PHP filter.

Learn how we can pass post-specific values into a Gravity Form placed in a query loop, ensure the modal form resets properly after submission.

How we can use Bricks' render_tag() as a simpler way to limit the image count in any Gallery element.

A walk through on setting up a ACF Flexible Content field with a couple of different layouts.

How to set up Nestable tabs with post titles as the tab menu, and post content and/or any other post-specific data as the tab content.

In Bricks Reddit, a user asks: Let's break this down and set up the scenario practically. First, there's a Language taxonomy for posts (could be standard posts or a CPT posts) with these sample terms: Sample posts with languages assigned: Based on the graphic in the question, we are assuming that a post will have…

One way to set an image limit when outputting a Gallery in Bricks.

This tutorial explores different ways in which images from WordPress Media Library organized via HappyFiles can be pulled and shown in Bricks using query loop(s). Note that these are only needed when you want more control than what the 'HappyFiles - Gallery' Bricks element added by HappyFiles provides. HappyFiles folder images using nested query loops…

How to register a new dynamic tag for setting excerpt word limits and outputting an ellipsis (...) at the end.

Bricks lacks built-in dynamic tags for ACF field labels, prefixes, and suffixes. This tutorial shows how to add them using custom dynamic tags.

The steps for animating the posts output by a Bricks query loop in a staggered animation.

In the Bricks' Facebook group, a user asked: Meta query? What am I missing?Hi all, really need a little guidance on this one. I have a CPT called tradeshows, set up with ACPT. I have a loop showing them, but I would like to have the ones that the "End Date" has passed the current…

A user asked: I have a CTA in the footer of my site, which I have custom fields on various templates, etc to populate. I don’t want it on a custom taxonomy archive (service-types), but I can’t for the life of me see how to hide that section on those alone. CPT: serviceCustom Taxonomy: service-type…

The steps to display posts from any WordPress site that has WP REST API enabled in Bricks builder using a custom query type.

Creating a custom query loop for WooCommerce product reviews for building custom review layouts.

This Pro tutorial provides the steps for showing posts from any WordPress site using the WordPress REST API. For this to work, the external (or can be the same) WordPress site must have the REST API enabled (it is, by default). We shall add HTML, PHP and CSS for this in a Code element. As…

Conditionally render elements in a single template of a CPT depending on the value of a regular custom field.

How to enable your site visitors to filter the posts (of any post type) by the value of a date picker type custom field.

Setting up input search field filter and button filters so visitors can filter the rows of a ACF Repeater on single CPT posts.

How to add a category dropdown and search input field so visitors can filter posts grouped by categories..

How to hide the Bricks QL posts until there’s an interaction by the user on the frontend like ticking a category or typing in a search facet.

How to add /post (or any other like /blog) after the domain name in the permalink URLs of your WordPress site’s single blog posts.

Consider this scenario: CPT: project Page titled "Project" is being used to show a list/grid of all the projects rather than the CPT archive. When viewing a single project, you want this Project Page's nav menu item to become active. This Pro tutorial provides the code for using nav_menu_css_class WordPress filter to make the "Project"…

In the past we showed how a Bricks posts query loop can be filtered by Meta Box group's subfield of types text/number and Datepicker here. This Pro tutorial provides the steps to filter posts when the subfield is Radio type. Consider this scenario: CPT: store Field group: session (cloneable group)|__ session_name (text)|__ session_type (radio) with…

How to set up a mixed post types grid in Bricks, where you can display both standard posts and custom quote cards in alternating positions.

How to limit the terms of a Bricks Terms query to only those at a specific level within the taxonomy hierarchy.

Consider the following scenario from a recent project I worked on. CPT 1: project CPT 2: content-offer Taxonomy for Projects: remodel-typeSample term names: Backyard Cottages and DADUs, Bathrooms, Garages, Kitchens Meta Box Relationship: Remodel Type to Content Offer (screenshot)From Term to Post Content offer custom field: cta_image (type: Single Image) Sample project: University District Kitchen…

Updated on 26 Jun 2025 In a recent website I worked on, a requirement was to get the URL of the featured image of a project (CPT) that is related to a review (CPT) via a "Post" type of Meta Box custom field for use on single review Bricks template. Review CPT field group: This…