page contents
Beauty Blog | Makeup Reviews | Makeup Tips

How to use WordPress Gutenberg block editor – a simple how to guide

Don’t be scared by change – WordPress Gutenberg block editor explained

How to use WordPress Gutenberg block editor - a simple how to guide

Change can be scary and if you’re used to editing your blog in a certain way it can be quite difficult to adapt to something new. After years of having their traditional classic editor WordPress recently revealed Gutenberg block editor. The wonderful world of blocks editor allows you to get a virtually real time editing experience that allows you to see how your blog will look once its published. Initially I was unsure about the block editor but after the first use I was impressed. In this guide I’ll give you a few tips on how to use the block editor and show you its a lot easier than it looks.

How to use WordPress Gutenberg 'block editor' - a simple how to guide

Your editing options have a new home

Traditionally with the classic editor all the editing options were listed in a toolbar on the top of the editing screen. With the block editor you’ll get a small number of editing options when you click each block. If you want to transform your block into something else click the two arrows which will change the block type.

how to use wordpress block editor 2

You can change your block into a heading, add bullet points, insert quotes, add verse or preformatted text. Each option will transform the text only in that block and will have no impact on other text. This is great for adding bullet points as you can add them without worrying it will affect the whole of your post if the text is too close to each other.

how to use wordpress block editor 3

No need to drag and drop

My major frustration with the classic editor was that when I inserted a picture it would just end up plonked in the middle of a post. I would then have to drag this picture to where it was supposed to be which was not always straightforward. The block editor eliminates the need to do this as you can insert pictures directly above or below your chosen text. To do this simply click on your chosen block and click the three dots at the end of the editor. Depending on where you want your image click on insert before or insert after the block.

how to use wordpress block editor 4

This will then show you three options; add a heading, add a image and a list. Clock on add image to upload a stand alone picture, insert from url or upload your images to the media library as you would normally.

how to use wordpress block editor 5

Move content easily to suit your blog

With the classic editor you would either have to drag your images or cut and paste text in order to move it. The block editor allows you to simply move your content by clicking on the arrows so you can easily move it to a more suitable position without having to physically fiddle around with the post. Simply click the up arrow or down arrow depending on where you want the text/image to go.

how to use wordpress block editor 6

The nofollow issue

The only major downside is that the nofollow plugin doesn’t work on the new block editor. I was spending a lot of time faffing around with doing this manually – till I discovered I could create my post using the block editor and amend the links later using the classic editor. Problem solved!

Overall I’ve found the WordPress block editor simplifies things a lot more. It works really well in modernising WordPress so moving things around and adding content is as easy as ABC. Don’t be worried about using the block editor, after one or two uses you’ll soon wonder how you ever lived without it.

how to use wordpress block editor 6