Mastering Bricks Builder - Creating a Dynamic Website & Blog
Вставка
- Опубліковано 30 чер 2024
- 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 - Навчання та стиль
Looking forward to watching this! Quick skim through, it looks brilliant. Nice one Paul.
excellent video!
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 who made Bricks happen 🙂
Great video Paul, if you want an introduction into working with Dynamic Data in Bricks this is it!
Invaluable Paul, thank you so much. I have been curious to see the feasibility of creating an events calendar using ACF
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
Fantastic video Paul and very didactic. Now could you extend it by putting some native Bricks filters???
Interesting idea. I’ll take a look for a future addition. 😁
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.
You can use JetEngine just fine with Bricks.
U can also make repeater fields with bare wp and functions.php
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?
Thanks 🎉
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.
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.