WordPress Gutenberg is coming!

WordPress Gutenberg is changing the way we use the post editor

Can I just admit I’ve been a bit nervous about the impending release of WordPress Gutenberg? All I knew about it was that it was going to change how we used the post editor and, after 14 years that took me right outside my comfort zone.

I’m really comfortable in my comfort zone!

WordPress Gutenberg is freshening up how we create posts and pages, giving us more functionality and an easier way to create visually appealing content. Yay!

This is by no means an in-depth tutorial. Over the next 6 and a half minutes I’ll give you a quick look at Gutenberg and how it works to demystify it a bit.

Although there was a small glitch with reordering the content blocks, my first impression of Gutenberg is positive (I’m not really sure what I was so worried about before – the unknown I guess).

Gutenberg uses content blocks to create more visual appeal.
Gutenberg displays content as blocks

At first glance you may think that it isn’t particularly different.

Just like the Classic editor, Gutenberg allows you to add a title to your blog post and then get down to the business of writing your content.

But look a bit longer, how do you add images?

Like page builders like Elementor or Divi, Gutenberg inserts different pieces of content as blocks. Each block can be styled independently (seriously, don’t go to town with this).

The point of these blocks it to allow you to use a lot of different types of content that you’ve traditionally had to use shortcode or html to use.

Beyond the standard blocks like images, headings and text there are also embed blocks for tweets, Facebook posts, YouTube videos and more.

This is a huge improvement and will make things much easier, especially for people new to WordPress.

I’d like to hope that showing people how to break their content up into different blocks will put an end to daunting walls of text.

Ain’t no one got time to read that.

In conclusion

Gutenberg is not the scary, overwhelming thing I’d built it up to be and there’s no reason for you to be worried either.

Even if there are a few bugs along the way, this new way of doing things is going to be an improvement over the Classic editor.

If you have any questions or comments, drop them below.

Setting the colour palette in Divi

Sick of having to type in the hex value (e.g. #ffffff is for white) of your brand colours every time you update your Divi website?

What if I told you there was a way to set them so that they appear below the colour selection box every time? There is, and it’s not even magic!

Here’s how you can do it:

Divi Theme Options

In your WordPress Dashboard go down to Divi and select Theme Options. Once it loads you’ll see the page above.

Change your colour palette in Divi

By clicking on the little coloured squares you can change the hex value to whatever you want. Once you’re done, save the Theme Options page and go about making changes to your site.

Now you’re all set to take on the world…well, at least you can streamline your process a bit. (Same thing, really)

Install your Divi Child theme

Before you install your new child-theme make sure the Divi parent theme is installed. A child-theme wont work without its parent.

1. If you’re installing this child theme to an existing site, make sure you have a new backup that you can revert to if necessary.
2. In your WordPress dashboard, navigate to Appearance > Themes in the left-hand menu.
3. Click Add New > Upload Theme.
4. Drag and drop the themes zip file and click Install Now.

The installation will take a while, depending on the speed of your server.

5. Now that the theme is installed you’ll see a new item in the left-hand menu.
6. Hover over the new menu item and select Easy Demo Import.
7. The Import Options page will show everything you can import from the demo.
PLEASE NOTE importing the demo content may overwrite your current content.

Once your child-theme is installed you can access all the theme templates and modules to help you create additional pages in Divi > Divi Library