Mastering Bricks Builder - Custom Sorting & Filtering
HTML-код
- Опубликовано: 2 июл 2024
- In this video, we'll use Bricks Builder for WordPress to enhance our custom recipe blog with advanced filtering options.
If you still need to see the first video, where we created custom post types and templates, check it out here: • Mastering Bricks Build... .
Here's what you'll learn in this video:
1. Setting Up Filters: We'll add a filter section to our existing layout, positioned between the hero section and the recipe listings.
2. Custom Taxonomies: Learn how to use custom taxonomies for filtering recipes by type.
3. Custom Meta Fields: Use Advanced Custom Fields (ACF) to implement calorie filters per serving and cooking time.
4. Real-Time Filtering: Discover how to set up real-time Ajax filtering for a seamless user experience.
5. Styling and Classes: Apply styling and global classes to make the filter section look polished and professional.
6. Sorting Options: Add sorting functionality to sort recipes by cooking time or other criteria.
By the end of this tutorial, you'll have a fully functional and stylish filter system for your recipe blog. Remember, Bricks's filtering and sorting features are currently in beta, so use them cautiously on live sites.
Resources:
- First Video in the Series: • Mastering Bricks Build...
- Bricks Builder: jo.my/bricks
- Advanced Custom Fields Pro (ACF): jo.my/rdmjt5
#wordpresstutorial #bricksbuilder #wordpressblog
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 
Хобби
Awesome stuff mate.... This really is the content that I/we have been craving for!
Thanks, Paul, for the chapter II of this series with filtering options.
Paul, you read my mind! I'm building a school directory right now and I swear, 2 hours ago I was thinking "guess it's time I learn about filtering in Bricks". And now here's your video. Hell yeah! :-D
I'm all about timing Matt. lol
Great video Paul!! I have been playing with the filters and they seem to be working just fine but I hope they will continue to be expanded and be accessible to people with screen readers. Accessibility is important to me and it seems right now you can't access the filters with the keyboard, until that's added I will continue to use Gridbuilder for my facets.
This is good to know! Thanks for pointing this out!
I agree, accessibility needs to be something that has more focus in future Bricks updates.
Nice video as usual, do you know a way to changer the order of the custom taxonomy by the way ? WordPress always display them alphabeticaly, I wonder if there is a workaround to change the order.
I was working this morning on the built-in filters from bricks and tried to understand it for a client portfolio and now I see your video. Stop reading our mind Paul 😂
Wow, that's pretty neat! Do you think this feature could eventually replace WP Gridbuilder?
For relatively simple sites, sure. I till think GridBuilder WP has the edge in more complex setups.
Great tutorial / Demo 🙂 Do the filters also work with ACF / Metabox relations?
I haven't tested them with relationships, so can't confirm that I'm afraid.
didn't bricks pull the filters out of beta in 1.9.8?
Yes, it was my mistake as I haven’t used them in a live site and assumed they were still in beta as they needed to be enabled in the settings.
The filter options is not anymore in beta, since version 1.99
You're right, my bad. :)
Hello dear, I was wondering if you guys have a team that we can reach to in order to make us a website?
I'm afraid not, no.