5 Divi Must Use Features – Make a Better Website

Jan 27, 2022 | WordPress Wednesday

Here are 5 Must Use Features in the #Divi Builder from Elegant Themes. Kori will show some of her fav features of the powerful Divi page Builder. Spend the next 12 mins with her to see some of the powerful ways you can be inspired to build your next Divi #WordPress Website!

– Hey, y’all I’m Kori Ashton. And today we’re gonna be looking at my five favorite Divi features. These are the things that I use pretty much every single time I build out a Divi website. So if you’re watching this video, Divi is an incredible page Builder plugin inside of a WordPress website. And if you’re interested more in that, I have an entire playlist here on my YouTube channel, dedicated to Divi. I’ll put that link in the description box below, but let’s get to it, y’all. I’m gonna show you five features right now. It doesn’t cost you any extra money. All these features already live inside of the Divi theme. When your business is ready to get online, get a ready-made website for less than a dollar a day at presshappi.com.

Number One

All right, so we’ll get started just diving right into your dashboard. If you are running the Divi theme, and hopefully that’s why you’re watching this video, you’re gonna go over here to Divi and go to theme options for the first feature I’m gonna show you. And this one’s just kind of really entry-level, total beginner style. But if you prefer the classic editor to Gutenberg and you want to enable the classic editor and many of us do, where we prefer, if we’re gonna use a block editor or a drag and drop editor, we’re using Divi, right? And then on other pages and posts, you might not want that Gutenberg-style block editor there. So you can come in here and click on, of course, Divi theme options, over here, right? And then go into Builder and then go into advanced and right down here at the bottom, it says, enable classic editor. And so you can just toggle that on and it is now enabled and click save changes. So that you don’t have to have another plugin out there disabling blocks, this little script right here will do that for you. And now when you go into your pages or your posts, you have two options, the classic editor or Divi.

Number Two

Okay, so the second feature I wanna show you tonight is the Global Color settings. And if y’all have used the pallet over here, if you go into theme options and go to general, you have this default color palette that you can set. And this is really, really a great first step to do as you’re coming in here, setting up the website for the very first time, adding in your logo, you know, setting some of this kind of general housekeeping settings. Coming in here and adding in your default color palette to use across the website is a really great option. But if you go into a page or post, let’s go to the front side of the website, let’s say you’re over here and you want to maybe change this color. Maybe you’ve built out the entire site and the client comes along and says, you know what? That’s really not the exact shade that I needed. I need that changed. Well, if you had gone to the extent of building out this entire website, using that color inside of different modules, then it would be a manual effort for you to go back to every single page, every single post, and change that color inside of every single module. Whew. That is a lift. That’s what we tried to eliminate with CSS back in the day. So they’ve harnessed the ability for us to do that now by using Global Colors, which really truly write across your entire website. So if you change them in one place, it affects the entire website of where you applied that color. Right? So cool. That’s one of the settings inside of Divi that I love anyway when it comes to making any module a Global element. You change it one time and it changes across the whole website. So that’s exactly what you would do is something like this. You would have your gear icon and open up. I’m gonna make this a little bit bigger so we can enjoy this together a little bit more. Slide this over. Still want you to be able to see this color back here, but let’s say we go into the design tab here. Actually, that’s the background. Let’s go right here. Here’s our default color palette that we saw earlier, which is a hot mess by the way. Whew, please never use this blend. And that’s our saved color palette, right? But if we wanted to go to Global here, this is where you can save a color and use it across the entire website. And if you needed to change that color, you would come in here, change that color and click, okay. Look at this alert, pop up though. Immediately, it says, wait, wait, wait, are you sure, you’ve made a change to a Global Color. This will affect all instances of this Global Color across your entire website. Do you wish to proceed? And if we decide, yes, then we click, yes. And that color now changes here. And literally everywhere on the website that we had used, that kind of tan color that we just changed, you see this little dash, that just changed to that green color. And there are icons changing to that green color. All of that just changed. And throughout every page, every post, every part of this website, you see this button changed as well. All of that changed based on that one click, that’s the power of Global Colors.

Number Three

So the third feature we’re gonna look at is the Divi library inside of your website. As you start to build out your pages and your posts, if you fall in love with one of your modules that you’ve used and built, and you want to maybe replicate that throughout your whole website. Maybe you wanna replicate this two-row, three-column breakout right here. You really love that. And you want to give that look, maybe each service page. There’s a really cool tool inside of Divi. I’m gonna go ahead and enable the Builder. And I’m gonna scroll down now to that section because I just think it looks so sweet, so slick, so cool. Okay. Love this. I’m going to click on the section, right? ‘Cause I want to capture everything here, even that background. And I’m gonna click on what looks like a little save icon here, click on that, let’s give it a name and we’ll call this three-column- Three columns full gallery, right? Three-column full gallery. Really cool there. You can make this a Global item too if you wanted to. That way, if you made a change on any page, anywhere to this, it would all stay the same. This is really nice whenever you’re dealing with like hours of operation or maybe an address, making that a Global feature is much, more beautiful. But for something like this, you might want to change out what it says on each service page or wherever you put it throughout the website. So I’m not gonna make this Global, I’m gonna keep it just there to add to my library, save to library. So that’s basically copying this whole section and putting it in your library so that if and when you go to another page, I’m gonna exit out of here, right? Let’s exit out of this page. And I’m going to, let’s jump over to, let’s say we really like that. And we wanna put that maybe that same breakout. Let’s go put that over on our approach page. If we don’t already have it there, let’s go look at that page really quickly. And we’re talking about innovation and experience and integrity, love all those things. Yeah. This is kind of a little boring compared to those other pages. So let’s enable the Builder again. And remember now that whole section lives in my library. So I can go over here and I can add a new section, right? I can add by clicking the plus sign, add a new section. And instead of selecting regular, specialty, or full width, you’ll come here and click add from library. And now we’ve got our three-column full-width gallery, right there, click on that, open that up. It drops right in perfectly. I can make any changes I want to, to it. I can take it and drag it up to another area on my page if I wanted to and start to play and include that really cool layout on any page, any post.

Number Four

Okay, the fourth feature I want to talk to you about is just amazing. And I’ve used it, I probably use it on every single Divi project I build-out, the disable-enable option. Let me show you what I’m talking about. Disable or enable. Let’s say this page is just a little too long, that I’m just not a fan of how it looks on mobile version, right? Let’s say that we’re scrolling through here and we’re like, God, good grief. This is really lengthy now that I added that new section, man, it’s just way too long. I’m not a fan of it. Maybe on mobile we want that to disappear, but on desktop- Oh, that’s pretty good. The page isn’t too long on desktop, it looks like it’s gonna play nicely. Well, you can come in here and click on the three dot extra menu there and go to disable and choose to not show it on a cell phone version. Maybe not show it on a tablet version and leave it visible for the desktop version right there. And so if we click save on that and go back to our mobile view, you’ll actually see it, on this view you’ll actually see it start to mute out. See how that kind of muted? That kind of gives us a visual heads up that that is not going to be seen once you log out of your Builder. So really cool option there. I tell you one other-

Number Five

Okay, my fifth feature that I have to brag on, which is just amazing. I did an entire video on it last week, which is show and hide different components on your website based on logic. So watch this. If I have a user who is logged out of this website completely, I don’t want it to show certain content. But when they log in, I want this page to show different content. So I went ahead and logged in off-camera just for security purposes. And right now you see My Happi Dashboard. Today’s goal, make happy choices. That’s living there. These things that you see here are all brought to you by Woo Commerce, but this is just sitting here as a Divi module. So if I enable the Builder, you’re gonna see it that way. It’s kind of really cool. Check this out, y’all. So my module here, if I open this up and I go into advanced, I have a condition on it that says display only if the user is logged in. Completely disappears if you’re logged out, even though it’s still here on this page, it appears the moment the person is logged in. It’s really cool stuff that you can do. It’s some of the struggles that I’ve had with doing all sorts of content based on a user status, based on maybe their device, based on maybe the time of day, right? You can really get creative with it. If you’re interested in more in that one feature, I’ll put the link to that in the description box below so you can go check that out and kind of deep dive into that one conditional logic section back here in this advanced tab, it’s really cool. You can stack the conditions, you know, you can add another condition to it. It’s just really, really cool what you can do here. Get creative with it. All right, y’all, I’ll see you next time. Bye, everyone.

*********************************************************************
SUBSCRIBE TO FOLLOW KORI – https://www.youtube.com/c/koriashton?sub_confirmation=1
*********************************************************************

PRE-Built WordPress Websites for less than $1 / Day
Skip the DIY nightmare and go live with a Ready-Made WordPress website from Press Happi. Make Happi Choices.