If you log in to your WordPress site and find things don’t look the way you expected, relax. Since early 2015, I’ve built most new GiteWise sites using a design theme called Divi.
You’ll know if your site is built with Divi because when you go to edit a page or post, you’ll see something like this:
I appreciate this can be a little unnerving if you’ve worked with WordPress before and are used to seeing the page look more like this:
But, as you’ll soon discover, that familiar WordPress Editor screen isn’t too far away. A couple of clicks in the right place and you’ll feel more at home:
What Divi does is manage the content of your site by separating the page elements into customisable modules. It takes a bit of getting used to, but the advantages of this revolutionary approach to working with WordPress make it well worth the adjustment.
Why I chose to create your site with Divi
From a design point of view, Divi gives me the means to configure any part of your website just the way I want. And the freedom to develop a design knowing it will look good on any screen size – something which is increasingly important these days.
Other themes (the WordPress term for design framework) have limited options for page layouts and use shortcodes – which look like this: [one_half] – for layout customisation. They also have relatively fixed homepage layouts, so adding a panel or extra section to the home page usually involves messing around with code.
When I create a new site with Divi, I have far more control over the site’s design. This makes it much easier to add special features and restyle individual pages and sections – like changing the text from grey to white and introducing a background colour.
What you need to know before you get started with any editing
Although the basics are the same once you get into the familiar WordPress Editor panel, it’s important you tread carefully to get there.
Step 1 – Find the content you want to edit
To edit your text or image, you first need to locate it on the page. Unfortunately, you can’t see it the way you normally can because every item on the page is hidden inside a module.
But finding it shouldn’t be too tricky as when I created your site, I labelled each module. So just look for the one that corresponds with what you want to update. Sometimes this may take a bit of working out, especially if the page has a lot of content. You may want to keep the front-end view of the page open too, so you can refer back to it.
Now, it’s important to know that every item sits inside a row which sits inside a section. And most of the time, you won’t need to change rows or sections – at least not until you’ve got up to speed or are following specific instructions. Mostly, you’ll be tweaking text or headings or updating images or galleries.
But what you need to watch out for is that you don’t accidentally click the wrong thing. Or if you do, then you know how to retrace your steps.
If you’re starting to sweat and think you might just ask me to do your editing and updaing for you, let me reassure you, it’s really quite straightforward once you learn how. But you do need to take extra care.
I suggest, when you’ve finished reading this, you go to the video tutorials page and watch me go through the basics of editing Divi sites. (NOTE – Divi video tutorials in production and will be uploaded w/c 18 Jan 2016.)
Step 2 – Open the module and make your changes
Once you’ve found the right module, click the hamburger icon – the one with three horizontal lines – to open the module.
Edit your text or change the image. Then click Save & Exit.
Now pause and remind yourself there’s one more step you need to do.
Step 3 – Click the Update button
This is no different from the way you’d normally finish off editing in WordPress, but I’ve forgotten this vital step myself a few times. So this is a reminder – Make sure you click the Update button before you move off the page. If you forget to do this, your changes may be lost.