Divi 5.0 Sneak Peek & Test drive!
Вставка
- Опубліковано 6 лип 2024
- I managed to get my hands on the Divi 5.0 Alpha Release! I'm taking it for a spin to see the difference with Divi 4. I am not disappointed, the future of Divi looks bright! 👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support my channel? Leave a like or buy Divi with 10% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Hosting & domain ⇒ wp.discount/host/
✅ Best caching plugin ⇒ wp.discount/cache/
✅ Divi with 10% discount ⇒ wp.discount/divi/
⇒ Top video's I recommend:
• Yoast SEO vs RankMath ...
• Secure Your WordPress ...
• BEST Mailchimp Alterna...
• How to Migrate WordPre...
• How to Make a WordPres...
I want you to succeed with your website, so lets get started.
⏱️Timestamps⏱️
0:00 Intro
0:18 History of Divi
0:53 Installing Divi 5
1:35 Backwards compatible
1:55 Testing the Visual Builder
2:27 Moving modules around
2:58 Switching to Phone View
3:37 Working in the Wireframe
4:58 Saving a page
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
📖Transscript📖
In this video we'll be test driving Divi 5! Yes, I've managed to get my hands on the alpha release for developers only. And what we're about to see is really great.
I built all my websites within Divi since 2014. That means Divi is one of the oldest Visual Builders around. Now the thing is: the foundation was built on shortcodes. The problem with that is it's not that fast. Skip nine years later and what do we see? We see Elementor we see Croco blocks, we see blocksby =- all these themes are getting ahead of Divi in terms of speed and stability. Divi 5 was already two years in the making, and Elegant Themes was rebuilding the entire foundation of Divi. Let's install it and see how it looks. So for this test I'm going to use this website. I've recreated the entire Tesla website. You can find the tutorial over here. Now let's add in Divi 5 to see how that goes. Go to my dashboard, appearance, themes add a new theme, upload it... Divi 5 Alpha! Install now, let's go! Alright go to Themes page. We have now Divi 4 and Divi 5 Alpha. Let's activate it right now. The first thing we need to check is to go to Divi, Theme Options. Let's go to the Builder Advanced and make sure that the Divi 5 Builder. Is enabled. Alright save changes. First thing to check does my website still work? So the first thing I notice in my website is actually completely the same! We have the animations of the buttons, everything works! It tells me that already Divi 5 is completely backwards compatible with all your websites before! This is really great news!
Right let's enable the Visual Builder and see what's going on. It's loaded in pretty fast. So what I noticed immediately it is so blazing fast. Just adding in modules over there like this, it just instantly is there. This is so big of a difference than what it was. But you can actually see on the animations for example. When you hover over it, it just takes some time to load it. But with Divi 5 its just, it's there you know. You hover over it and it's there. You click on it, it opens immediately. You know when working with Divi 4, when you start moving modules around it just... it feels a little bit clunky. When you release it it actually takes a couple of seconds. On Divi 5 however, look at this: I grab it it just feels so smooth, so fast. Drag it, drop it, it's there. Drag it, drop it, it's there. Drag it, drop it, it's there. The speed is, its way more stabler than it was in Divi 4. One of the biggest problems I had with Divi is switching to mobile phones. As you can see when I switch to mobile phone from here, it just takes a lot of time. Desktop, mobile phone, desktop, mobile phone. You get the picture. And with Divi 5 however. Desktop, mobile. Desktop, mobile. Desktop, mobile. This is just way better! It shows me that the foundation of Divi is so much improved! This is really great news for Divi and everybody who owns a Divi website. This is Divi 4, and I have a lot of rows inside of this page. It's a big page as you already saw. But when I start moving things around, this is what happens. I go around, go around. And there's just a little bit of... I don't know. Look look at this, its just not, it's not working exactly the way I want it. And when I drop it, it has a little bit of... it's a little bit slower. Let's go to Divi 5. When I drag it. Oh it's I just, I just got it! You know, you pinch it, and you got it! Oh it's so blazingly fast man. It's just, just moving this around is just so much fun now. This Divi 4 and when I have my row it just, it just doesn't feel, like it...
📖 Read the rest of the transcript at wpressdoctor.com/
#Divi #Divi5
Can't wait for the faster editing! It means a lot when we write a post at the end of the day for scheduling to tomorrow and don't need to struggle with a lot of loadings. Thanks for testing!
Hi Marcel! Thanks for your comment! You are very welcome and yes I also think it will be a big difference. Let’s see what’s coming more in the new version 5 😀👍🏻
awesome, thank you for this video. Very hyped for divi 5 !
Hi Fbnxo! Thanks for the comment, you are very welcome! Me to very hyped 😀
Thank you for the great information! I was seriously thinking about moving away from DIVI to Elementor but I know it will be so cumbersome process. Maybe I should wait for official launch of DIVI 5 which will maybe taking place next year.
Hi Jennifer! You are very welcome! Yeah I know, try to hang on, because after Divi 5, rapid deployment of new features is coming in Divi 6! So yeah, changing is a lot of work and also will cost you dearly (still no lifetime license on Elementor Pro).
We are SO excited for our clients!
Hi Cassus Media! Yeah me 2! 👍🏻
I can't wait for divi 5
Hi there! I’m glad you can’t wait, join the club 👍🏻😀
Very exciting! Hope I can get my hands on it soon!
Hi there! Yeah its really exciting! The future looks bright again for Divi 👍🏻💡 if you want it, go sign up and you will be allowed to the program 😀👍🏻
Speed is everything
Hi Eduardo! I totally agree. Especially when your building sites everyday, every week 😃
‘You can find the material over here’ ... where is the UA-cam tutorial for the Tesla website that you said you have recreated? The image that you pointed at, was not linked to it, and I did not see it listed on your channel.
Hi James! I’ll check the link in the video later. However it’s over here: ua-cam.com/video/MqjgvcebPxw/v-deo.html just click it 👍🏻😀
Awesome, is front end load time also faster?
Hi Daniel! Yes it was a tiny bit faster then the original. However I must say that I didn’t test it out with a caching plugin and I didn’t check it with a newly build Divi 5 website, only a “converted” version 😉, I don’t know if that makes a difference though…
Hi, I’m really new to WP and have three websites I want to build. If I decide on Divi as my builder should I get version 4 now or wait until version 5 is released? Any advice would be appreciated.
Hi there! Thanks for the good question. So as from what I have tested, a Divi 4 created website turns into a Divi 5 with just a simple update. Everything works fine in the new version, no problems seen yet! So you don’t have to wait, you can just buy the lifetime license right now while the price is still this. I don’t know if they will change the prices in the future… 😀
Divi is fantastic, but it's now way behind other builders. Switched to Breakdance now, very happy with it!
Hi Jurgen! Good for you! However, when you are an agency it’s just not useful to have everytime different builders. Because every year a new “next best thing” arises 😀 but I’m waiting for them to email me so I can get a good look on it 🙃
@@WPressDoctor You certainly have a good point there. What slowly became an obstacle for me is that the visual builder sometimes works very slowly, I used more and more plugins because basic functions in Divi are not present or fall short, take the contact form as an example. And no, I'm certainly not going to see what's best every year, I've been working with Divi for almost 6 years now.
We wait for the development of Divi 5, but wait another year... well
I’m feeling you 👍🏻😀 I’m just hoping development from version 5 will go much faster because of the ground work being done now 👍🏻😀
Hi! Do we need to update our chiltheme when going from DIVI4 to DIVI5 and later DIVI6? Or will all be the same by just updating DIVI and using our old childtheme?
Hi Jelle! It totally depends on what’s in that child theme. If you have all kinds of php files, then yes, the child theme needs to be updated. The biggest change from Divi 4 is to Divi 5. To go from 5 to 6 it won’t be necessary I think.
@@WPressDoctor Hello! Well, I only use it to add 1 function in my functions.php and it is a function to allow scaling to improve accessibility. Also what I hope is that in DIVI5 there are aria labels coming? I now have a divi slider which gives an error in googlepagespeeds on the buttons next and back.. aria labels would fix that... and it is off course good for people who really need it.
Yeah you should be good with only one function added to functions.php, thats no problem. Aria labels, I don't know about that, but it could be!
Amazingly fast!!
Hahaha yes that was exactly what I 💭 oh wait, I said it only 10 times 😂😂
Nice but thats sad that doesn’t add any features like Utility Class, Flexbox, Grid CSS, loop builder,etc... we are waiting these features too long.
Hi there! Yes that’s to bad. We have to wait till Divi 6 for that 😃 unfortunately 🥲
Is there some information about the release date from divi 5.0 ? I mean, does anybody know some more about it?
Hi there and thanks for your question! Unfortunately I don’t know this. I was expecting Divi 5 before Black Friday, but that didn’t worked out. So they are working to the public beta release, but when it’s launched… I have no clue!
Does the update remove the Divi "double loading" problem that can be annoying when you enable the visual builder in Divi 4 ?
Hi Donal! That’s a good question! During the test indeed, that double loading didn’t happen for me! Praise God for that hahaha
Yes ist does :) The CEO already confirmed. (This double loading only happend when ACF or other dynamic content ist loading)
Thanks Tibogen for your comment! Thanks for confirming 😀👍🏻
How about the site speed in general ? Like what are the results with Page Insights and GTMetrix ?
Hi Andre, thanks for asking! I have created a video especially about this topic 😀⚡️ check it out! It’s here: Divi 5 Front End Speed Test
ua-cam.com/video/aqaEPvQUd_g/v-deo.html
Any improvement in Divi 5 on development on an iPad Pro? It’s hard to do now.
Hi there! Custom breakpoints will be added as I read something about that, but I think it will be on Divi 6 if I remember correct 😀
thanks for sharing. definitely faster, but still no flex or class-first, no divs??? 6.0 too far away. im increasingly glad we swapped to bricks/breakdance. have you tried those?
You are very welcome! Yes I heard of them, but I have not yet received a invitation to try it completely free 😂 so I’m just waiting a bit
Desktop Mobile Desktop Mobile Desktop --- I love it.
Hi Suraj, hahhaa, yeah I was truly amazed. Hope this comes soon!!! Have a great day!
have you run into problems with any plugins? Gravity forms? Divi Supreme Pro?
Hi Nancy! To be honest, this alpha release is exactly for that purpose. Plugin developers can test their plugins and adjust them so that works. There is actually no point for me to try that out 😀👍🏻
@@WPressDoctor Just thought if you added gravity forms or divi supreme pro(if you have it) to your tesla test site...we'd see if there was any issues in trying to use these plugins. that's all. Thank you!
Ah yes! Maye I will with the Beta version 😊
I’m in divi 4 and it runs so slow in the visual builder. Sometimes it gets so bad, I click to edits a module settings and it will take 10 or more seconds!
Hi Dominick! Yeah that’s frustrating and takes way to long to build a website real quick. Although it makes a ton of difference if your hosting is fast and you have a fast PC as the most of the heavy lifting is being done by the browser 😀👍🏻
Hi Matt,
Two questions.
Do shortcodes added by third parties still work. I use Toolset and like to add discreet templates that you can make with it to Divi layouts. This is done with shortcodes.
In your video, at about 2 minutes there is an open module and in the top right corner of it there is a desktop icon with a disclosure triangle. I am guessing that it is some sort of viewport switcher. Can you reveal what this is?
Hi Stephen! Thanks for your questions.
I’m sure shortcodes still work as a WordPress website without shortcodes is like… well not Wordpress 😂
Yes the icon is actually for viewports. Really useful to have it right there. I’m not sure if this stays there however. To early to tell.
Have a great day!
Looks amazing. Do you think it will also fix the big issue for the woocommerce product filters in theme builder? Because for years has been a big problem for divi. It seems no normal plugin is working for product filter when you create a shop page with the page builder.
Hi Martin! Yes it’s going to be great! WooCommerce product filters are indeed a issue with Divi. I did use with succes “Search and filter Pro” which also works with custom fields, that one did it for me. But as the foundation / API is being build again for Divi 5, yes the integrations will be way better, solid and easier for 3rd party developers. So I’m positive new filters will find its way 👍🏻😀
@@WPressDoctor Thanks for the tip about the “Search and filter Pro”. Before i buy, do you know if it is mobile friendly? does it have a offcanvas sidebar or a button that hides the filter?
Well you can see it working on my website. Really need to update that site one day… design is 5 years back and some functionalities need updates. But the filter works: amusementparksusa.com/california/
What does the code look like on front end though?
Hi Andrew! Thanks for your question. That’s a bit to early to say, because a lot will still change in the coming weeks. When the beta is released I’ll make another video and we’ll cover also this!
Almost the same speed! What about the frontend speed?
Hi Igor! Go check my latest video about the front end speed 😀👍🏻ua-cam.com/video/aqaEPvQUd_g/v-deo.htmlfeature=shared
Can you do a page speed insights testing for big and massive websites
Hi Akshay! Thats a good idea when Divi 5 is working better and there is a beta release. I'll keep you posted!
Does it still have shortcodes?
Hi 2parkway! Well I didn’t see it in the test! So I’m careful but no shortcodes so far 🫣
A fast builder is great, but what's the performance of the site like for front end visitors. Divi has always been the bottleneck on my sites.
Hi There! I will test this out soon and make a video about this very topic. Hang on!
Does Divi 5 have Flexbox containers ?
Hi Doug! Thanks for your good question. As far as I know - no. My guess is that they will be adding new features like this in the Divi 6.0 update. So its still far away 😊But things might change, and who knows they still add it in!
Hi Doug,
You can very easily implement both flex and grid on Divi sections, rows and columns to effect whatever inner element sits in these. You do this by using the custom css panels under the advanced pane of sections, rows, columns and modules. You just need to look up the appropriate css on CSS Tricks for reference… But I guess having UI in Divi will ultimately make this faster to do and more efficient.
True it’s possible to donor yourself. But indeed, a integrated button would be easier and nice 🤓
Hi, how long do you think it will be before we have access, really hope it is not going to be much longer.. please Divi Please Divi hurry up.. :-)
Hi R.J.! I think this Christmas Divi 5 will be out for the public 👍🏻😀 But yes it’s a long wait 😄
@@WPressDoctor Thank you, regrettably that might just be too long for me.. I really hope I can hold on for so long. 😰
Haha sure you can, Divi 4 works great as it is right now, just a bit slower 🙃
Still no column width setup like elementor. I just don't get it. It's so basic
Sure thing Marcos! Let’s hope it’s coming soon 👍🏻😀
If I have life time for Divi 4 will I have Lifetime for 5 or do I need to pay again?
Hi Petro! Good question. With previous versions you could always update withing the LIFETIME license. So from 2 to 3 from Divi 3 to 4 and also from Divi 4 to 5. Your good if you have a lifetime license!
@@WPressDoctor wonderful news. Thank you for your excellent channel. Keep up the good work.
Thanks! I will!
So, when we'll get the 5? And 6?!
Hi there! I think Divi 5 will be released this year, before Black Friday. Divi 6 probably 6 months later?
@@WPressDoctor Thanks! Can't wait!
Me 2!
without adding some AI tools that help in CSS mainly, the 5 will be outdated before its release!
Hi Karam! Who knows, you might be right! We will see about it, all depends on the speed of release 😀
What about the code? Is it still bloated?
Good question. I didn’t check that! Should really be different now 😀
My understanding is that for structure it uses comment tags, the same as what's used in the new block editor.
This could open up opportunities to see some interoperability between Divi and the block editor.
I had hoped that the Gutenberg project would be built on a foundation that offered some mechanism for third party builders to override its basic blocks, adding their own features, bells and whistles and own UI. They didn't and seen to have gone for the its all blocks or nothing approach and taking a critical swipe at the builders that stood in for its tardiness at becoming the long awaited update to Wordpress. The block editor and FSE does a poor job at responsiveness wit third party solution doing an admirable attempt to fill the gap but just adding more confusion to the block editor experience. Shame really, but there you have it.
The upshot at this is that Elegant Themes really needs to crack this or many of us will have to start looking at other solutions which may just be block editor based. That said I wouldn't run away from Divi just yet. If it takes a year or two to transition one can still build decent sites with it.
@@vaughanprint Funny that you say that as I am currently rebuilding my Divi website with ACF and Gutenberg as it is faster and the way forward and also less code bloat as it just has the code it needs with no crazy nesting
You forgot one of the important things: How much faster is the front end website? And Is it faster then elementor? ;)
Hi SekoHD, well that’s a good point but it’s a bit early for that with this Alpha release. The Beta version would be better to do this 👍🏻😀 The alpha still misses a LOT of features, so the outcome will not matter 😃
@@WPressDoctor I hope to see a video from you of the beta version soon. Hopefully, you will not forget it next time!
Nope I won’t 👍🏻😀
Q1 2024 they release the alpha version, Q2 the beta and Q3 Divi 5 still with bugs and no new stuff, Q1 2025 Divi 5 without bugs. Fom then on any basic novelties will sell as addon.
😂😂 haha good one! Sure don’t hope this is the real timeline 😂😂
@@WPressDoctorYou're right! I was very optimistic 😂😂
PS: Divi 5 should already be ready, but they have to wait for dozens of addon developers, where most of the revenue should come from.
Haha well actually it’s not ready, I’m following every new build, and it has nothing to do with the 3rd party devs…
Hi Matt nice video can you please provide me divi 5 alpha to test am unable to download can you provide me the link where can I download please
Hi Arum! Thanks! You have to sign up to the Divi Alpha program. forms.gle/RNd4ax8HEhAvVsCr6 only for developers 😀
@@WPressDoctor
Yes I have signed up but did not received any thing.
Ok just be patient, it’s very busy for the team now I heard 😀
So Divi 5 is what Divi 4 was supposed to be according to ET?.... No new things because EVERYTHING is now another "add-on" / "plugin" to be bought from the community.
Hi Jose! Thank you for your concern. Well, the new features will be released with Divi 6. So yeah, this update is all about rewrite the foundation.
I sometimes need extensions for Divi, but for 9 out 10 websites I don’t need them because Divi has everything straight out the box. With CSS and custom code you can do basically everything.
What are some add-ons that you need for your websites?
@@WPressDoctor Divi Supreme Modules is an example.. These are things that divi should have but we KNOW for sure it will never happen because they created all this fuzz about the "community" marketplace instead of actually including these features themselves. So now every time you want something that Divi doesn't include you gotta pay for it, add more plugins/add-ons which takes more resources, etc etc.. It's such a bad idea.
Using divi right now feels like buying a modern videogame, you get something that is not finished and then you have to pay for the "DLCs" in order to get "new" things. It just sucks.
Faster, but nothing special....
Hi Hakai, that’s true, the chances are in the core and in the fundament. So it really paves the way for new stuff coming with Divi 6 😀
@@WPressDoctor Jeha.. but how long will Divi 6 take to come?
That’s the next question 😛
I would say absolutely special. The team is doing an amazing job with Divi 5.0. With Divi 5 as the foundation, it's exciting to imagine the possibilities that Divi 6.0 will bring.Can't wait for it.
@@hukhozokezonaga7987 Maybe Divi 6 will be, but 5 isn't
Great job Matt.
Can you estimate when Divi 5.0 will be available and when Divi 6.0 will be available ? Thanks in advance
Hi Roberto! That’s hard to guess but my feeling is Christmas 2023 for Divi 5 and Christmas 2024 for Divi 6. But that’s just purely guesswork 👍🏻😀
@@WPressDoctor Lol thats WAY too long... I know their hands are tied because this is massive work but other themes/builders are years ahead already...
Haha yes. We will see! Good things take a long time.