Mastering Bricks Builder - Creating a Dynamic Website & Blog

In today's video, I dive deep into Bricks Builder to demonstrate how to build a custom blog/listing. I'll combine ACF repeater regions, advanced custom fields (ACF), templates, and more to create a dynamic and functional recipe blog.
This tutorial is perfect for anyone who wants to understand how to leverage Bricks Builder in more advanced real-world projects.
Key Highlights:
Introduction to Bricks Builder: Learn the basics and get an overview of what we'll be creating.
Setting Up Custom Post Types: This is a step-by-step guide for creating custom post types for recipes using Advanced Custom Fields Pro.
Creating Taxonomies: How to group your recipes with custom taxonomies.
Adding Meta Fields: Learn to add and associate custom meta fields, such as preparation time, calories, etc.
Designing the Archive Page: Using Bricks' powerful templating system, create a beautiful archive page that lists all recipes.
Building the Single Post Template: Design a single post template to display individual recipes with nutritional information and detailed instructions.
Using Repeater Regions: Implement repeater regions to display nutritional information dynamically.
Styling and Layouts: Tips on styling and organizing your content to ensure a visually appealing and user-friendly website.
Timestamps
00:00 - 00 - What we’ll be building with Bricks Builder
01:26 - 01 - Building the Custom Post Type
10:48 - 02 - Designing the custom Recipe Archive Template
28:08 - 03 - Building the custom Single Post Template
37:02 - 04 - Displaying the ACF Repeater Regions.
Resources & Tools Mentioned:
- Bricks Builder: A fast and flexible WordPress page builder.
- Advanced Custom Fields Pro: Essential for creating custom post types and repeater regions.
- Core Framework (Optional): For consistent spacing, typography, and design.
Related Videos:
- Using Repeater Regions in ACF with Bricks Builder: learnbricksbuilder.com/advanc...
- My Bricks Blueprint: learnbricksbuilder.com/my-cus...
Take your WordPress website and skills to the next level!
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.co.uk/ewdd
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
✅ Flowmattic: jo.my/flowmattic (WPTUTS for 20% off annual plans)
✅ Clickwhale: jo.my/clickwhale (WPTUTS20 for a 20% discount on all plans)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ Hostinger: jo.my/92dmbb
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Bricks Builder: jo.my/bricks
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ InstaWP: jo.my/0jdh2j
✅ Crocoblock: jo.my/croc
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

[@DaveFoy]

Looking forward to watching this! Quick skim through, it looks brilliant. Nice one Paul.

[@BrendanOConnellWP]

Finally got a chance to sit down and watch this, good work, Paul! Clear & concise with complex stuff

[@WPTuts]

Cheers buddy. :)

[@nctn5717]

excellent video!

[@ElementoryMyDearWatson]

Invaluable Paul, thank you so much. I have been curious to see the feasibility of creating an events calendar using ACF

[@antonichristian5845]

Great video Paul, if you want an introduction into working with Dynamic Data in Bricks this is it!

[@videographics1]

Where at the moment Bricks fall short is with Relations - when you have a single template for a post type which has related items ( example: cook book as single item and recipes as related items) there is no way to limit the amount of related items, using filters on related items and pagination through related items. Something that is on the idea board for around 2 years. Regardless of this Bricks is amazing and even more amazing is this small team of devs and their efforts to make Bricks happen 🙂

[@PicSta]

Hey Paul, could you maybe create a 2nd video tutorial showing how to filter recipes with native Bricks options? This would be awesome. Great tutorial and quick deep dive into Bricks functionality using dynamic data.

[@WPTuts]

I’ll look at creating a second part on using the filters to expand on this first part for sure. 👍

[@PicSta]

@@WPTuts Awesome Paul, thanks in advance.

[@WPTuts]

@@PicSta the video should be out tomorrow. :)

[@RichardWadeUK]

Mate... That is a cracking demo. You've made my day, thanks. The only issue now is, that I haven't had dinner and now I'm craving the smashed burger and cookie pudding!

[@WPTuts]

Can't beat a smashed burger!

[@esperandounmejorcielo4385]

paul, sus videos son de lo mejor, y ahora el tema que me gusta de bricks gracias por explicar tan bien, por favor sigue sacando mas videos de bricks builder y sobre todo con la parte de animacion y trucos que no se enseña bien en youtube, aqui estare pendiente de que saques mas videos con bricks, aun me cuesta sacarle el maximo provecho de tantas opciones que tiene

[@energeiai99]

Thanks 🎉

[@antonicarulla3602]

Fantastic video Paul and very didactic. Now could you extend it by putting some native Bricks filters???

[@WPTuts]

Interesting idea. I’ll take a look for a future addition. 😁

[@customspeakerpods5078]

Thank you for all of your amazing videos! I have used your tutorials over the past 2 years to learn and build a semi-complex website using Elementor and Crocoblock. It works well, but I would like to slim down and switch from Elementor and JetEngine/Jetwoobuilder to Bricks/ACF. Are there limitations/features that will be missing? ie. Query builder, archive templates (jetwoo). I would love to see a video comparing the functionality of both.

[@Elsteck]

You can use JetEngine just fine with Bricks.

[@groundpets5101]

love this, could you do a part 2 using bricksforge using auto calculator where people can x2 or x3 or x4 etc how many meals than want to so it auto the numbers of grams per serving?

[@AlexanderWieshofer]

Hello Paul, I would like to get to know Bricks better in practice. Which Bricks extension plugin would you recommend? Thanks in advance.

[@dustindauncey]

Those rendering bugs in the editor are probably my biggest pain point with Bricks. I find it just too unreliable when I’m doing anything with classes, loops, or any fancy CSS stuff which often doesn’t render properly in the editor until I fully refresh the page (their own refresh action never seems to do anything for me). I’ve reported a number of those errors to the team and they’ve slowly fixed them but a few remain still as “work in progress” defects. Hoping it’ll eventually be much more reliable in the editor.

[@Flemming1980]

Thing bricks is one of the best page builders on the market. However, when it comes to dynamic content from e.g. acf flexible content, it lacks something, as well as being able to connect dynamic css values ​​with an attribute tag that you can see inside the builder, and not just on the frontend part.

[@ernestoserrathmontecino8914]

I am not a dev so I might not understand the use of what you think is missing but if you think this is a useful feature to have I would suggest to put this on the Bricks IdeaBoard or in the Bricks Forum / feature request section. I am pretty sure the Bricks team will consider it if it's a good feature.

[@webdocdesign]

U can also make repeater fields with bare wp and functions.php

[@jabuko-jelenia]

14:15 whats the addon to right sidebar?

[@WPTuts]

Advanced Themer.

[@jabuko-jelenia]

@@WPTuts Thank you. 16:35 still AT? (Dynamic Data Modal)

[@WPTuts]

@@jabuko-jelenia yup, it certainly is. :)

[@francisokech]

The repeater section design is not as intuitive and clean as it is using Elementor and Dynamic Content for Elementor. With Ele + DCE, you can essentially use saved templates and design it however you wish before using it within your template. Here you need to be a CSS master or understand classes, etc. So, depends what you want to do. I need a lot of repeaters in my projects, therefore, I use elementor.

[@WPTuts]

You certainly don't need to be a CSS master to use global classes - they are simply a way of categorising styling that can be done inside the editor without touching a single line of CSS code. Plus, you can design and use templates for your repeaters in Bricks without needing Dynamic Content for Elementor or any other 3rd party plugin. If you're happy with Elementor and its need for plugins like Dynamic Content for Elementor (which is a great plugin), that's cool. For me, I prefer less reliance on additional plugins to do fundamental things. Hence, I don't use Elementor for personal or commercial projects anymore.

[@francisokech]

@@WPTuts Paul, the problem with Bricks is that, perhaps it's just me, but it seems like it wants to do everything. But the reality is that, it can never do everything as good as dedicated plugins. For instance, I watched a video where the developers said the filtering feature "May" conflict with other filtering plugins such as FacetWP, etc. Except you have a way of turning off the Bricks Filtering feature, it means you cannot have the best of both worlds. This same tutorial of yours in Elementor done some years ago, concerning repeaters, etc., looked so good and so sleek, but, this one in Bricks does not. So, I guess it depends on whether you want the best tools or whether you just need "enough".

[@WPTuts]

​@@francisokech sorry, but as you're not a Bricks user, you're making an awful lot of assumptions without practical experience. I've used Elementor for many years, since before the pro version was a thing, so I'd say I have a pretty solid grasp of how it works. I've also built many sites with Elementor over the years, for both commercial and personal projects, so have practical experience of it to. In use, the need to rely on 3rd party plugins to fill the many shortcomings of Elementor is both frustrating and costly. Not to mention that you have to learn each plugins way of working (there are several plugins that will handle things like repeater regions, etc.) Now add to that the constant update headaches that come with Elementor and 3rd party plugins not liaising on those updates and the issues that can cause add another level of frustration to the equation. Elementor have spent too much time on releasing updates and features that the majority of users couldn't care less about while leaving fundamental features (like the container, filters, etc.) in alpha and beta stages as experiments for well over a year+. Wheras, Bricks has natively built key features in to make it a tool that designers and developers can use effectively without reliance on throwing plugins at the core deficiencies. If Elementor is your thing (which it obviously is based upon your comments now and in the past), then I'm glad you're happy with it. For me, it's remained stagnant in the areas that are the most important to me and what I want to achieve and as such, I left it behind a long time ago and only cover it on the channel as I know a lot of viewers are interested in it.

[@francisokech]

@@WPTuts Sir, this is the second tutorial I have seen you do on Bricks and repeaters and in both cases, the result / output did not look as good as it did with your Elementor tutorials for repeaters. Except you want to create a dedicated, stress-free tutorial on this feature showing how good / appealing it can get / look? I'm saying that since my projects use a lot of repeaters and DCE + Elementor together produce appealing repeaters, I am sticking with Elementor. That may change if I am convinced otherwise. But I have not seen any stress-free and appealing implementation of repeaters yet using Bricks.

[@WPTuts]

@@francisokech design is design - using a template in Elementor or building it in the same way that I have in this tutorial uses the exact same concepts. I spent more time building out the recipe site design in the Elementor video, but I could replicate that design exactly using Bricks. My point is, they can be styled in exactly the same way in either builder. In practice, I find it far easier to build repeaters in Bricks than I did in Elementor using Dynamic Content for Elementor. But, if your workflow and preference is Elementor, then that's perfectly fine. Mine is Bricks and zero additional plugins to achieve the exact same results. 🤷‍♂