Рет қаралды 3,072
In this video, we're diving into the world of web design and focusing on recreating a trendy bento grid layout using Bricks Builder and Advanced Themer.
Inspired by a Blocksy Pro starter site design, I'll guide you step-by-step through building your own bento grid layout from scratch.
What You'll Learn:
- Creating a Bento Grid Layout: Discover how to set up a stylish and functional bento grid layout.
- Using Bricks Builder: Learn how to utilize Bricks Builder to streamline your design process.
- Advanced Themer Tips: See how Advanced Themer makes it easy to work with grid layouts and responsive designs.
- Styling and Customization: Get tips on styling elements, including setting background colours, border radius, padding, and more.
- Responsive Design: Learn how to adjust your layout for different screen sizes to ensure a seamless user experience.
- Global Classes and BEM Naming: Understand the importance of using global classes and BEM naming for efficient and organized CSS.
Resources:
- Advanced Themer: jo.my/rfuhbc
- Bricks Builder: jo.my/bricks
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.c...
► 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/f...
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk