The way most people build websites is about to completely change!
The most used page builder, Elementor, and the most used block package, Spectra, will be all based on a new layout system.
If you want to create fast loading websites, that are incredibly lightweight, yet without sacrificing anything, this is great news for you!
The old way of sections, rows, columns is about to be gone. Say hello to Flexbox Containers.
Flex stands for flexible, adaptive.
The 3 main benefits to you are
– More optimized layout
– Reduced DOM size
– Better responsive control
But in just a short time, the most used page builder, Elementor and the most used blocks package, Spectra will be all based on containers.
TOP WORDPRESS DEALS MAY 2022
🟡 Presto Player — https://www.wpcrafter.com/prestoplayer (SAVE 10% Auto Applied)
🟡 Astra Theme — https://www.wpcrafter.com/astra (SAVE 10% Coupon WPCRAFTER)
🟡 Kadence Theme — https://www.wpcrafter.com/kadencewp (SAVE 10% Coupon WPCSAVE10)
🟡 CartFlows — https://www.wpcrafter.com/cartflows (SAVE 20% Auto Applied)
🟡 FluentCRM & Forms — https://www.wpcrafter.com/fluentcrm (SAVE 20% Coupon WPCRAFTER)
🟡 Cloudways — https://www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 NameHero — https://www.wpcrafter.com/namehero (SAVE 70%)
🟡 BuddyBoss — https://www.wpcrafter.com/buddyboss (SAVE 10%)
🟡 Divi — https://www.wpcrafter.com/divi (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Elementor — https://www.wpcrafter.com/elementor
🟡 Beaver Builder — https://www.wpcrafter.com/beaverbuilder
🟡 Brizy — https://www.wpcrafter.com/brizy
🟡 Divi — https://www.wpcrafter.com/divi (SAVE 20%)
🟡 Thrive Architect — https://www.wpcrafter.com/thrive-architect
BEST WORDPRESS HOSTING
🟡 Full List — https://www.wpcrafter.com/hosting
🟡 Cloudways — https://www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 NameHero — https://www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround — https://www.wpcrafter.com/siteground (SAVE 70%)
🟡 A2Hosting — https://www.wpcrafter.com/a2hosting (SAVE 66%)
CONTACT WPCRAFTER
☑ Website — https://www.wpcrafter.com
☑ Facebook — https://www.facebook.com/wpcrafter
☑ Facebook Group — https://www.facebook.com/groups/wpcrafter
☑ Twitter — https://twitter.com/wpcrafter
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link. Of course, when you do click, I like to reward you back with free premium training courses. Visit for more info 👉https://www.wpcrafter.com/free-courses
source
Thanks Adam, but what difference does it make adding child containers for each 'column' rather than one container? I just tried both ways out and can't see any difference in the inspector
I don’t know why this just appeared in my feed. Can flex boxes be overlapped?
Hi Adam, should I build with Kadence blocks or Spectra blocks or both? I'm using Kadence theme and Gutenberg
Any news on the exact date when it comes out for Elementor?
Hi Adam Great Information and how can I install spectra plugin to test before can provide a link to download to test plugin
Can you please help? I am not a coder or any type of techie. However, I have built a few websites using Astra Pro and their Ultimate Addons with Elementor Pro. I would like to update the existing sites and I am in the process of building a new site. Can you please tell me if I should stick with the tech stack I have and learn how to use the flexbox, or start from scratch with another tech stack like the Kadence theme and Kadence blocks? If so would the free version suffice or would I need their pro versions?
If Guga foods taught WordPress instead of meat
Hey Adam do you take on clients that need websites?
Thanks Adam for sharing. You mention Elementor, do you know whether this is coming to Beaver Builder?
I was thinking you were going to talk about HEADLESS WordPress. Containers is hardly news worthy.
How does this stack up against Kadence blocks pro? Is the row layout on Kadence based on flex box also?
Thanks for this easy to understand video. Question: Is there a limit to how many elements you can put inside a container? Is there a limit to how many containers you can put inside of one container? (Like 10 or some other number?)
So this doesn't include Kadence & Gutenberg?
Thanks for the great videos! Is there a conflict using Elementor on a site built with Beaver Builder? GoDaddy built my new website with Beaver Builder but didn’t warn me about Elementor. I like Elementor and have used it on my blog posts. Can I carry this through to my pages?
Are we just going to pretend that this isn't a complete ripoff from Webflow?
Does this mean we dont need to purchase elementor pro anymore?
Do we have to recreate our pages using these containers in elementor to reduce doms
Interesting developments thanks for the video. I wonder what the page load is between the two, I will try it out. If this optimizing goes much further it will start to have a negative affect on optimizing plugins? Takes me back the the HMTL days I wonder if WordPress will ever get that quick. 😀
Sounds great! In Spectre, can you set breakpoints for mobile/tablet/desktop? And if not, what are the default breakpoints?
Thanks for sharing. I was about to give a facelift to my Elemontor-built website. So, I will wait for the release before I start.
I always get skeptical when they talk about load speed… but Adam, you do a wonderful job of explaining these things. Thank you. Shared with my clients.
Webflow continues to lead the pack I see lol
As a Developer who actually writes code and doesn't use WP it amazes me how far behind you are.
Thank you Adam for a great video explaining it all and the reason for this change. Certainly looks like an ACE feature not only for design but to reduce wordpress bloat. However, my site is very content heavy – hundreds of pages full of content for doctors. I am so disappointed that I will now have to edited every section of my 300 pages of content that I have built over the last xx years manually. It is a shame they don't have a more effective and easy conversion tool – to try and covert everything it once. Image the pain of editing 5 sections manually one by one – each time it creates a duplicate, then reconfiguring and deleting the old. And then repeating this for 300 pages. I am sure there are lots of people like me who have content heavy websites. Is there no other solution? Exciting but also depressing at the same time for me. 😞 Makes me wanna cry.