Editing Content on Divi WordPress Website Page
Hello and welcome to editing WordPress content on the Divi theme. Okay. So we are on the dashboard when you log into your site. You were going to go to pages, all pages, and then I’ve set up an example here just using one of Divi’s layouts.
Choosing Content to Edit
We’re just going to hit view so you can see what it looks like. Yes. This is just an example site with content, older content, inside a fit.
I’m just looking up natural energy just to grab a little bit of content. And of course, it’s taken me to vitamins, not to energy, but that’s okay.
We want to change this content. Something has changed in our situation, and we want to change a little bit, update it, refresh it.
So it’s a pretty simple process with Divi. You’re going to enable the visual builder. You click it there. Okay. And this is the front-end builder of Divi.
So you can actually click right into this and edit. I don’t like to do that.
I find that that can lead to more errors.
I actually go into the actual text module itself.
I’m just going to do that again so that you can let’s meet, move my head so that you can see it.
Parts of the Divi Builder Layout
I’m just going to close out that. So you’ll see this, the blue is the full section module. So that’s that full section?
The green is a row, so that affects this particular row of content. And then within that row, we have a text module and we have a button module.
So we’re going to click into the tax going onto that little, setting icon there, that little gear icon, and that’s going to pop it up and you can edit in two different ways.
Editing Content in Divi
You’ll see two different views here. This is the side view. I like it because I can see the changes as they’re live.
You can also extend it. So it gives you a little bit more room to edit. If you’re typing content, you know, doing that kind of thing.
The reason I like this is that as I put information in, I’m going to see what it does to my page right away.
Different Views Available with Divi
Now, one of the things that are great about, Divi is you can actually see what it’s going to look like on different devices at the same time.
So you hit that little purple button and you’ve got the desktop view, which you’re seeing here.
Now, my screen is very large, so it’s not going to be average, but this space is about what you would see on a desktop.
So that works. You’ve got a tablet view and you have a mobile view. The way things layout is going to look a little different in each of those views.
And you can adjust accordingly, but for just basic content, we’re going to go back to the desktop so that you can see how that changes.
So we’ve changed that text. We’re going to hit, okay, now that text is updated, but it isn’t live. You have to actually let’s move my head again.
You have to actually save it for it to be live on your website.
Editing Content Within Buttons
If this page is live now, before we go look at that, we’re actually going to open this button so that you can see how to change the information there, if you want it to go to a different location.
So this button, the learn more, you can change that to Anything you want and you’ll be able to see how the button is going to fit right there.
And again, you can see what it looks like on a tablet and what it’s going to look like on mobile. Because sometimes if it’s a very long message and I wouldn’t advise that for a button, but if it is a very long message, it can actually change to two lines that might not be the look that you want.
Adding Links to Buttons
Okay. And the link for that button is actually going to be right here, generally speaking, you know, if you’re working on something and isn’t live yet, you’re going to have an as tracks and a hashtag button so that you can see where you want it to go.
I am going to put a quick link in here of a site, not a particular site, just so you can see the example.
So there is the link and I want it to go into a new tab because I don’t want people to lose where they were on my tab because this link is going outside of my website.
If it was going within, I might put it on the same tab. Okay. So I’m just going to hit save.
I’m going to save here, Give it a second. And then I’m going to exit the visual builder. Now you can see the change is here.
It still fits nicely. And I’m going to click on that button and it’s going to pull up the other website.
Reviewing Button Edits
So in both this works great. You’ve seen it as you’ve edited and that same element applies all the way down.
So each of these elements, I’m just going to open a couple so you can see some of the differences. Each of these elements is going to be controlled by those modules.
So this is another module. You can see where the items come up. These are actually buttons. You can click in and you can change it.
And that part of the difference in the font here depends on the heading is whether it’s a heading one, two, or four, it’s going to change the size of what you’re doing.
Paragraph two, the default. And then you’re going back to two, which is where we were. Okay. All of these elements react the same, right?
Editing Images in Divi
That’s a heading two, but with some different settings, these are different modules for images. So you can change these to a multitude of different kinds and sizes of images.
Just to give you an example that one’s quite a bit longer and it stretched out the page slightly. So the different sizes will affect that.
It’s going to pop that in. So you can see this is a shorter one. And so that changed it, as well, we’re going to go back to the original.
There you go. So each change is going to make an effect and you can save the module without saving the page to make sure that it looks the way that you want it to look.
The minute you hit this, now you have saved, and it is the live element.
If you have changed the criteria in that module, you’ll have to go back and reset it in order to go back.
There is a way to go back on the page, but I’m not going to show you that in this video, just wanted to show you how you can update some basic content, and keep your information fresh.
Both your customer and the search engines are going to appreciate that. Have a great day.