The Geeky Guide to WordPress – The Gutenberg Post Editor

As I’ve been doing this blogging thing a little while now and it seemed a good idea to pass on a few of the things that I’ve learned over the five years that I’ve been doing this. In easy and often geeky steps you’ll be taken through the steps and point out the pitfalls of taking your blog seed and growing it into something really amazing.

The Gutenberg post editor has arrived and as with all change there’s something else to learn and a few ruffled feathers. I’m just coming to grips with it myself so I thought I would be helpful and give you my bloggies a few pointers.

Firstly the Gutenberg editor is built around blocks. For those of you that don’t know Gutenberg was the father of modern printing – he transformed the world with his innovative use of blocked letters to produce pages of print that took books to the masses.

This gives a clue on the thinking with this Gutenberg editor. Everything on your posts and pages is now a block.

Here’s the start of this post Up at the top there’s the familiar formatting addition tools that you usually got. There are a few changes:

The ‘+’ button now add’s blocks, this includes pictures, text, separators and user defines reusable blocks. Create a re-usable block by highlighting whatever and then on the three vertical dot at the top select add to reusable blocks. One feature of this is that if you change the reusable block some time after it will also change wherever it has been used. Neat that.

The ‘i’ button gives the writer information about the post or page being written, this is where the word count now is. I have to say on this I don’t know what was wrong with the count on the bottom right – but there we are!

The funny PT symbol seems to transform blocks, I’ve not played with this yet, so if you have let me know what it does.

One thing to note is the hyperlinks tool, I’ve not really worked it out yet. I doesn’t seem to work in the same way. But if you highlight text or picture (I assume) and click the hyperlink button and paste in the link, it seems to work. 

On the right is a familiar Document settings bar, when you click on the page You get a load of options. 

YOu can change text and background colour and set text size.

Using the drop cap does this:

Drop cap

Which is nice… I’m not sure what I would use it for… but cool!

The order of the blocks can change really easily too…

On the left at the top there’s up / down arrows which shift the block order as desired. Also quite neat.

When editing and you click on the ‘+’ to add a block there’s a whole list of blocks to choose from – I’m sorry. I am not going to go through them all. I haven’t tried most of them yet. But have a play – find out what they do and you’ll soon get the hang of how it works.

At the moment I’m finding the Gutenberg editor a bit clunky, whether that’s me or this I’m not sure. I can see some of the benefits – there is one thing I really want them to add. I want to be able to copy posts, if they did that I would be a very happy man. 

This is just a little sweetener to get you going – if I get questions or feedback I might write another post on this as there is so much to it But let me know what you think and any questions you might have… I would be interested.

Thinking about it makes it Hurt – Can you just…

I’m sorry, it’s me – I can’t help it. I’ve tried to keep the insanity from the door of this corner of the web but I can’t do it any longer. The world in which we live is wonderful, beautiful and terrible thing and yet there’s few – well quite a lot of people actually…

Keep reading

Life the Universe and Everything – Time is No Illusion

In this series of posts I’m going to look at the human perspective and ask questions like ‘What does it mean to be human?’ or ‘How can I be a better Human?’ with a little sprinkling of ‘How can I be more comfortable as a human?’In this mad world we’ve been enduring especially over the…

Keep reading

Thinking about it makes it Hurt – Kids and Technology

I’m sorry, it’s me – I can’t help it. I’ve tried to keep the insanity from the door of this corner of the web but I can’t do it any longer. The world in which we live is wonderful, beautiful and terrible thing and yet there’s few – well quite a lot of people actually…

Keep reading


Something went wrong. Please refresh the page and/or try again.


33 thoughts on “The Geeky Guide to WordPress – The Gutenberg Post Editor

  1. That’s such a cool idea. I have a post about that in the works, too. Although, it will probably have to become a series because I already have content for more than one post. Option overload.

    Liked by 1 person

      1. Unfortunately, you’re linking it wrong. If a link starts with “wordpress”, something’s wrong. You can’t link to a post from your Reader. You have to go to the actual site and copy the link that way.

        Liked by 1 person

  2. I also had one attempt at the GE some time ago but, in frustration, reverted back to the Classic Editor. I found it clunky and not overly streamlined but I may go back and give it another go at some stage. Especially if, as you say, there are more creative features. I’ll refer back to your post when I do. Thanks Simon. 🙂

    Liked by 2 people

  3. Hi Simon, Thank you for that detailed tutorial. I was not very happy to use it and so got back to the classic editor. But then, I guess it makes sense to try out one post using the new editor. I haven’t explored it enough and do not want to reject it without spending some time on it.
    Will come back to this article when I write my next post.

    Liked by 2 people

  4. Quite timely. I was in the middle of a heated discussion lambasting WP for introducing, without consultation, this crazy “editor” and asking how to by-pass it when this post showed up. I read it and discontinued the conversation. With these explanations I just may be able to make sense of of the GE.
    By the way, it can be activated by going to My Sites, WP Admin and clicking on the grey tab, top RH corner labelled “Screen Options”. Yep, when the s**t hits the fan in the computer world we can learn stuff in a hurry!
    PS: it’s my understanding that we can continue to use the classic editor after GE is officially launched by following the path above and clicking on “Deactivate Gutenberg”

    Liked by 2 people

    1. I think you can continue to use the classic editor but I’m not sure if that’s indefinitely.
      I really get your frustrations with the GE but on the flip side there is far more you can do with GE and we’ll see far more creativity coming out of WordPress posts. I still have a lot of exploring to do on this.

      Liked by 1 person

  5. I like the idea that if you change a reusable block, it retroactively changes it in previous posts. I haven’t started playing with Gutenberg yet, but I want to dig into it soon!


It's great to hear from bloggies - feel free to leave a comment :-)

Please log in using one of these methods to post your comment: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.