Divi 5 NEW Interface Tutorial and SECRET HUGE IMPROVEMENT
Вставка
- Опубліковано 1 лип 2024
- Divi 5 time again, and in this video I'll demonstrate the new improved UI and show you a secret improvement that's going to be a HUGE timesaver when building Divi website. I am very excited! 👇🏻👇🏻👇🏻 Start here 👇🏻👇🏻👇🏻
Do you want to support me? Leave a like, watch another video from me, buy Divi with 10% discount // a hosting plan with 80% discount via the link below. That will help me enormously to create these free videos for you and keep going!
⇒ Software that I recommend:
✅ Divi with 10% discount ⇒ wp.discount/divi/
✅ Hosting & domain ⇒ wp.discount/host/
✅ Best caching plugin ⇒ wp.discount/cache/
✅ Elementor Pro ⇒ wp.discount/elementor/
⇒ See my PC build and studio gear:
🖥️ wpressdoctor.com/gear/
⇒ 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 The new interface
0:22 Quote @elegantthemes
0:51 Page settings
1:11 No animations anymore
1:25 Docking screens
1:36 Speed
2:10 Hover, click and grid mode
3:26 Hover and Sticky view mode
4:34 BIG improvement
5:51 Improvements I would like to see
Thank you for watching! 😀
✅For tips and tricks on getting the most out of WordPress, don't forget to subscribe: wpressdoctor.com/sub
🧾 Transscript 🧾
Faster, cleaner and with one huge improvement I didn't see coming, but I highly appreciate it. I'm going to show you that at the end of this video. I managed to get my hands on the newest Divi 5.0 beta release with the new interface. Now, the new interface was nothing at all that Elegant Themes ever told us before. Let me quote Nick Roach CEO of Elegant Themes. This is just a reskin of the UI. We decided to make this initial change now instead of waiting for Divi 6 because, it's a relatively easy update that will help showcase Divi's new focus on speed and efficiency. We haven't done any major testing or polishing the UI yet. So what about this new interface, guys? Do you like it or do you hate it? Tell me in the comments already. I'm going to walk you through all these settings to show you what is actually does. Well, of course, we have the page settings over here, which is not new in Divi 5 because in Divi 4 you already have here the page settings, it's just right there. Its the same thing, with just some new layout in here. You can go to design. advanced, drag this and dock it to the left side, or I can drag it and dock it to the right side like this. And your menu is always over here. These animations, they take some time. In Divi 5 you won't see any animations at all. It is on or it is off like this. You can dock it to the right side, like this or you can dock it on the left side. whatever is the best for your own workflow. I really like this. You have the layers section, you have the wireframe view, which is also the same in Divi 4, but as you can see, the speed of this is just stunning. If I go to my Divi 4 and I go to the wireframe view, I have to wait a couple of seconds before things fall into place. Never mind switching to tablet view or mobile view. It's just... it just feel a little bit clunky, Divi 5 when you just switch to your phone view, tablet view, desktop view, it doesn't even have to render it again for my feeling, it's just it's there. It's already there, it's already been there and I can switch seamlessly between the four of them. It is just no problem at all. Then we have, of course, the hover mode. Nothing new in here, just the way you work with the elements, but you also have the click mode when you click on it, it just stays there and it also opens directly, which is in Divi 4, If you want to switch between, click modes, you have to click in here, and we enable all these buttons, and then we go to click mode, for example. Then I click on this and then again I have to click on this module settings or my row settings. It doesn't open up automatically. It's saves me a lot of clicking, and I don't want to click as much as I do now in Divi 4. That's a huge improvement which I really like and appreciate. Something that we saw in demo was this breadcrumb. This is actually pretty useful. I can now, from my blurb settings in here, I can quickly go to my row settings in there. That is actually a big improvement. And then we have the grid mode, which is nothing new. Also, if if you also have the grid mode over there, but when you use the grid mode as you can feel it, it just.... you can see that it's not very smooth anymore, because of the way Divi 4 works. In Divi 5, you won't see anything with that, it's just really smooth and it just works. And it's great. If you go into the module settings, you can also just change to tablet mode, phone mode and desktop modes and also hover mode, which is new...
#Divi5 #ElegantThemes
What do you think of this new Divi 5 interface? Let me know! If you're interested in this entire design, you can build it right here following my tutorial! ua-cam.com/video/U86WDHbHM0o/v-deo.html
Genial!
Hi Matt ! This is the best video i saw about Divi 5 😊 And the fact you comparing with Divi 4 is nice…so much clicks for doing little things… but not for too long !
Hi Karlo! Thanks for your kind words, I really appreciate it! Yeah its true, thats going to change! Have a great day and stay safe 😀
It looks way faster now. Very nice. It would be indeed great if we could navigate to other pages while being inside the Divi builder.
Hi Kavi! It sure is, I really enjoy it already. Right?! That would be a huge timesaver! Well see where the future takes us with Divi!
Like it‘s already possible in Bricksbuilder left above. I‘d appreciate if it was in Divi, too.
Sure thing!
Thanks for the demo, Matt! Divi is getting better and better.
Hi there! Thanks for the comment. Yeah true! I just wish it all goes a bit faster 😂
Super dat je deze video hebt gemaakt en je ik word hier ook erg blij van! 😀
Hey Regina! Dankjewel! Graag gedaan, het is leuk om dit soort video’s te maken, het geeft je een inkijk in de toekomst van Divi die je anders nooit (of slechts een mini beetje) kan krijgen 😀👍🏻
so fast, love it. Let's go Divi, cheers Matt
go Divi indeed!! Can’t wait for it to launch 😀👍🏻 🥳
Thank you so much Matt!! Very nice video! I love Divi 5!!
Hi there! Thanks for your kind words, I’m glad you liked the video! Yeah Divi 5 is going to be awesome 👍🏻😀
This looks amazing. Thanks for sharing
Hi Ralf! You are very welcome! I’m glad I could share some interesting things with you in this video 😀👍🏻 Have a great day and take care!
Regarding skipping the step in 6:58. We always Divi Theme Options > Builder > Advanced > Enable Classic Editor to avoid that. I think that is what you are asking for. It brings up the wireframe view by default instead of that extra step.
Hi Mark and Alison! Thanks for the comment. Yeah you could always enable classic editor, but I want to edit in full screen 😀 So that's why I never turn that on 😁
We still edit in fullscreen @@WPressDoctor
Great vide thanks so much
Hi Laura! You are very welome! I'm glad you liked the demonstration of the new Divi 5 interface!
Thanks for the walkthrough Matt, have you made any page speed comparisons yet?
Hi there! Thanks for the question. Yeah I did that earlier on, but not on the new version of Divi 5: ua-cam.com/video/aqaEPvQUd_g/v-deo.htmlfeature=shared I don’t think there is a big difference, but you can do the test manually! Compare mortgagedivi.com with 5.mortgagedivi.com 😀
Fab! Thanks Matt. All the best for 2024@@WPressDoctor
Can not wait for this update!! I was almost going to fully switch over to my elementor pro plan but will hold out a bit longer. When is the release date ?
Hi there! Yeah it sure is a good update…. But don’t hold your breath, it’s taking way to long already unfortunately… also, check out this video about Elementor vs Divi 2024: ua-cam.com/video/fjhVijhiQtI/v-deo.htmlsi=wsVneVRmbCEbWAW8
Great video, really looking forward to this release. Any idea what will be involved in migrating a current DIVI 4 site to DIVI 5?
Hi Trent, thanks for your question! For what I have seen there is no migrating proces. So when you update to Divi 5, all modules and all content should be switched to the new version without problems! So it should be without any pain 😁
thanks for suggesting this video... the new changes look good. i don't know about revolutionary. it still seems like it would be nice to be able to just configure pages on the fly and overlap items from columns and rows and sections somehow
Hi there! I totally agree with you on that 😀👍🏻 It’s not revolutionary indeed, they are way behind other big page builders.. but who knows!
Very nice video, looking forward to Divi 5... but more to Divi 6 ;-)
Hey Jurgen! Ik ook man, Divi 6 wordt nog véél beter dan 5 inderdaad. Groetjes uit Portugal 😉
@@WPressDoctor Ik hoop alleen niet dat ze de trein gaan missen. Ze liggen nu al gigantisch achter op de populaire builders... Enne, beter daar in Portugal man! 🙂
Nou inderdaad, ze mogen wel gas geven ja. Maar is het niet de trein 🚂 missen? Haha. Ja het is hier met 20 graden al lente 👍🏻😀❤️
Ok, thats really nice! Do you know when it comes out?
Hi there! Yeah it sure is nice 😀 I hope it comes pretty soon, but first we have the Public Beta (I think in February) then we have some new releases so the full Divi 5 version could be live in July I think… but who knows, maybe it comes quicker 😄
It looks great! Curious if there were any updates within the theme builder?
Hi there. Thanks for the question. Unfortunately nothing changed there so far. It will be done but it was not available in this release 😀👍🏻
@@WPressDoctor thank you for your reply! I was also wondering if they now allow for find and replace for font weights?
That is also something I don’t see in the new release. They are missing a lot of features others already have for ages (well it feels like that)
@@WPressDoctor thank you again for the reply.
You are very welcome! Have a great day and take care 😀
Yes, it looks really cool, but now I have to study it again :D
Hi there! Thanks for the comment! Well actually, its just a new UI, so everything stays the same, but it looks different 😊
Hallo Matt, ik ben bezig met het bouwen van een website voor mijn nieuw product (onderzoeksfase). Ondertussen heb ik reeds de keuze gemaakt voor WooCommerce met wordpress maar ben nu onderzoek aan het doen naar site builders. Uiteindelijk twijfel ik tussen Divi en Bricks builder. Heb je ervaring met de laatste en kan je hier misschien een tutorial over maken?
Ik vind al je tutorials top en heb ben ondertussen ook abonnee!
Hi Jan! Dank voor je bericht! Divi en Bricks? Ja ik heb Bricks ook gekocht, maar moet er nog eens mee aan de slag. Ik ben nu bezig met een WooCommerce en Elementor Pro tutorial, die komt er snel aan… dus nee helaas, ik heb nog geen Bricks tutorial! Morgenochtend 6:00 uur komt er een video uit Divi VS Elementor Pro, zeker het bekijken de moeite waard omdat Bricks veel op Elementor lijkt.
Good review. Have you sent them your list of suggestions? I think they are great.
Hi there! Thanks for your kind words, I’m glad you liked it! I have not send it, good idea!
Does it LOAD faster too, have you done a speed test on a couple of like for like sites? Thanks.
Hi there! Thanks for the question. Yeah I did that earlier on, but not on the new version of Divi 5: ua-cam.com/video/aqaEPvQUd_g/v-deo.htmlfeature=shared I don’t think there is a big difference, but you can do the test manually! Compare mortgagedivi.com with 5.mortgagedivi.com 😀
Hi Matt, thanks for the Video. A question. Can we make changes just by choosing any mobile view (as in Elementor) or as before we have to set the mobile view and choose the mobile settings too? I hope you understand me 😅
Hi there! Thanks for the question! A good one. For as I see it now, when I hit that mobile button on the top of the page, all changes made will be saved to the mobile version. So no more choosing the mobile settings twice!
Awesome video! Can you do one about conversion of a Divi 4 site to 5. Struggling to get a straight answer from ET. Our understanding is Divi 4 shortcodes are not "converted" really to 5, just made "compatible" with a performance hit. Wondering why a client would convert to Divi 5 then unless it's the only way to get critical updates like security, bug fixes, etc. In essence will Divi 4 people be forced to chance to Divi 5?
We have a few top tier clients who need site updates and we have been telling them to hold off for 5, not to develop on 4 and then have performance loss or conflicts with 5. But those clients can't wait forever without any solid ETA from ET.
Also, can you speak to how Divi 4 marketplace plugins work or bomb in Divi 5?
Thanks.
Hi Mark and Alison again! Thanks for your good questions. I don't work with Elegant Themes, but what I have seen so far is that existing Divi 4 sites will be 'converted' upon activating Divi 5. That explains the speed change and the fast UI. But I don't know exactly how this will go when its the final release...
I understand though, I have a lot of clients asking me to build the site in Elementor Pro, because of Divi is just going WAY to slow. I have told Elegant Themes many times, but we are actually losing the war right now to Elementor. And I don't mind, because that is also a great builder, but I do like the lifetime license of Divi 😉.
About the marketplace, all developers are actively enabled to fix all their plugins for the last months. So there is no excuse why it would not work in Divi 5. If it bombs, the developer just choose to not update it and abandon it. This happens all around the WordPress eco-system, so yeah...
Have a great day and I wist you all the best with your business!
Getting mixed messages from Elegant about 4 to 5. 4 shortcodes will run in 5 but unless converted they will suffer performance loss. Of course, converting you run the risk of layout and functionality issues especially as an early adopter.
One MAJOR criticism we have of Elegant is their main focus is always new features. They don't address bugs and quirks so you put in workarounds, primarily through CSS. As they release fixes those workarounds get problematic. So after a few years each client site is full of ducktape workarounds. This is my main concern in converting 4 content to 5, the accumulated workarounds and quirks. We'll see. We applied for a beta testing license and never heard back.
@@WPressDoctor
To bad but yeah! We will see.
One other improvement I would like is a dedicated environment to view and edit all your presets. Presets in Divi 4 are extremely glitchy too
Hi Daniel! Sure thing, that’s definitely something ready for improvement 😄
I think divi must build like webflow huge improvement and more easy than webflow if divi want to survive
Hi Paris! Thanks for your comment. Yeah who knows! We'll see about the newest changes when it comes out 😀
Hi Matt! How canI get Divi 5 :zip Theme? Can you provide?
Hi there! Thanks for your question! You can get it here: wpressdoctor.com/getdivi/ it’s not a free theme 😀
Thanks for the demo Matt. It looks great.
One thing that I don't like is the auto-save for module changes.
I've often made changes to see how different styling looks and then cancelled them again if they didn't work. Now with the auto-save, there's no way to "quit without saving" when testing different settings in the modules...
Hi! Good point. Maybe it’s because of the Beta version, else that’s something we need to learn with. Then a history of actions would be logical, like in photoshop you can go back in time, see all steps done.
@@WPressDoctor The history options are always the safety net.
Absolutely!
Ok the interface is much more responsive but what about pagespeed for the same site divi 4 vs divi 5 measured with pagespeed insights
Hi there! Thanks for the question! The page speed should increase because everything increases also. Less bloat means more speed. However I did test that on a previous version of Divi 5, but that video is a few versions earlier... ua-cam.com/video/aqaEPvQUd_g/v-deo.html
Will Divi introduce Containers and CSS Grid Options
Hi there! Thanks for the question. I really really REALLY hope so. But I don’t know for sure, might be that they are pushing this to Divi 6 as it is a new feature… who knows, all I know is that Divi is falling to far behind other builders 😄
Kan niet wachten om deze snelheid ook te ervaren. Weet je ook wanneer Public Beta gereleased word? Ik kan daar niks over vinden gek genoeg.
Hi Martin! Dank voor je vraag. Helaas weet niemand dat, zelfs Elegant Themes niet volgens mij 🤣. Wat ik begreep was dat ze het eigenlijk allang online hadden willen allemaal… dus tja, afwachten maar 👍🏻
I think going to a new page without existing the builder of the current page is already available.
Hi there! Thanks for the comment. How then, I mean new pages, not existing ones 😊
@@WPressDoctor oh okay. I understand
Great video again, Matt -thanks for all your wonderful job and commitment! I love Divi theme and keep my eye on it for long. Matt, what could you say about Clotya theme ranking in speed and overall performance? Thanking in advance 🙏😊
Hi there! You are very welcome! Thanks for the kind words, I really appreciate it. I’m glad I could help you out with this video.
I have not yet seen or used the Clotya theme. Is it any good?
@@WPressDoctor Hi Matt, thanks for your kind reply.
I see this theme Clotya is very popular for online clothes retailers and looks good enough on a screen. However, I have no reviews on its technical features: speed, lightness, online appearance stability, and etc - those qualities come as of utmost importance, and it feels as more suitable for huge stock inventory in different categories - this is not what I am after. I need a clear and fresh looking interface with 'pages, collections, product's, about and blog' options. I am at the stage of taking my decision what theme I am going with from the following: Astra, Hello Elementor, Divi anf Clotya. And it is difficult for me, I have to admit...
Aha I see. Well just wait a few days, I will be launching a Elementor Pro WooCommercd tutorial that might just be exactly what you are looking for 😀
@@WPressDoctorGood Day, Matt! 🙂 I am very much looking forward to see/hearing your next tutorial/video! Thanks a Lot in advance!!!
I like the new divi 5 layout. I hope they update the responsive mode. Because it really sucks in divi 4. I find that a major issue. Same goes for the mobile menu options. Sucks also. Of course there is a workarround. But it has to be in the core builder. Not provided with 3d party options.
Hi there! Thanks for the comment. You are right, the menu options must be updated also. Maybe they will with Divi 5 or maybe with Divi 6. I learned that with this switch, it’s way more easier to make updates on the system. So that could mean we will receive way more updates at a high pace. A but like Elementor can pump out fast updates 👍🏻
Where could I get the beta to download?
Hi there! There is a program for developers, however the time to board that program has long passed (months ago) and with the public beta around the corner, it’s no use anymore to try to get into that…
Are you able to share it, the beta zip file maybe, would like to play around with it@@WPressDoctor
Sorry no, that’s not allowed. You can ask the official way going through Elegant Themes. Or just wait a bit for the official public beta release, it’s coming somewhere this year (I hope, deadlines keep shifting)
I don't like for a new person it doesn't looking friendly it will be a long process to lean I am trying to decide between DIVI or Elementor Pro think Elememtor might be a little easier to get done.
Hi there! Thanks for your comment. Yeah I have compared the two recently: ua-cam.com/video/fjhVijhiQtI/v-deo.htmlsi=eF99N_QrTKZlAVk- so then you can make a well informed decision 😀👍🏻 There are some up and down to both of them, but I have to agree, Elementor is a bit better now! 👍🏻
Do one thing for me... go to any settings panel, place your cursor in a field someway down the page... and press the key combination [shift]-[tab]. If the cursor DOESN'T go into the previous settings field (which would be the correct behaviour... never seen in Divi... ever) then the "new improved UI" is BS. Cheers
Hi there! Thanks for the comment! This sounds like normal shortcuts indeed. Doesn’t it does that? That’s strange… well maybe they can still put it in, I don’t know 🤷🏼♂️. Have a great day and take care!
6:55 - no, it should be like this. I only use DIVI for making templates, not entire pages and posts. I don't want divi editor when I'm publishing a page or post. I'm using gutenberg for this. Why? Imagine when you will need to migrate your website in the future to other template. And imagine having all pages and posts made in DIVI. I made this mistake in the past and never again.
Hi SirMiluch, thanks for the comment. Yeah that would be a disaster! As long as they don't move away from the shortcodes, we indeed have to keep this in mind! Have a great day and take care 😁
not impressed, time to move to elementor...
Hi there! Thanks for sharing your thoughts… yeah I am launching a Elementor Pro tutorial really soon… I have the same feeling unfortunately’
@@WPressDoctoryes, i love divi, i use divi engine as well, but elementor has most of the features INBUILT like loops etc.
Also Elementor has Grid and Flexbox! For people who want to improve and learn in webdesgin its really good to understand the CSS first in a page builder, which is later easily applied to custom css in a website. I only use wordpress/woo for shops.
I would highly appreciate a elementor pro video :) Right now switching and learning elementor but its going really good since its really intuitive
DIVI is and will always be garbage. Always needing to use CSS and all kinds of hacks to make it work properly, especially when it comes to responsive design.
Hi there! Thanks for your comment! I totally agree on that, it could improve drastically. That’s why I created this video: ua-cam.com/video/fjhVijhiQtI/v-deo.htmlsi=XLD7kzBQ8-_qjaeE
😀👍🏻