I first started using Gutenberg, the new WordPress editor when I updated my blog last month, the first time I used it I was definitely a bit like okay what is this post going to look like when it’s posted, I wasn’t sure at all if I’d got the spacing right! Fortunately I had and here we are now… me writing a (hopefully) helpful post full of tips on using the new editor, if you’re still a bit like ‘how do I do x, y or z?’ with the new editor then this post – a bloggers guide to using Gutenberg, is for you.
This is something I actually want to do more of this year, share tutorial style posts on here that other people will hopefully find useful.
So as usual you can start off by adding the title of your blog post at the top of the page… which is the start of any great blog post, or maybe not, if you’re like me and you don’t always know what the title is going to be when you start writing your post.
If you didn’t already know, Gutenberg is all about blocks.
If you write your post in a separate document before copying and pasting it into a blog post then each paragraph will go into separate blocks.
Once you’ve finished writing a paragraph you can either click to go to the next block area or just simply press the return key to make a new paragraph or block where you can either continue typing or press the + icon that’s in a circle to turn it into a specific sort of block. In this menu you can add things like HTML (if you want to add a header tag in your post for example, that’s what I use to add that – I always used to like using the HTML section on the old editor) the More link is also on this menu and you can add images to your post via the image link on there as well! There’s quite a few different options in there, I haven’t tried using them all yet though.
Since the update I’ve found it’s easier to upload images and add alt tags separately before adding them into the post (for some reason the alt tags haven’t always been saving for me when uploading them direct to the post) then you can just insert them into your post directly from your Media Library.
If you want to change the order of paragraphs you’ve written you don’t have to manually move the text by copying and pasting it you can just click on the up or down arrow to the left of a block to move it up or down.
There’s something pretty awesome about the new editor, you can change the text and background colour of specific blocks which is really helpful if you want a part of your post to stand out more – you can even pick the colour codes you want to use for them if you want to keep it in-keeping with the aesthetic of your blog as well. You can change the font size of specific blocks too.
Like this, see! It’s totally different to the rest of the text on this post.
I’m not sure how often I’ll put different colour backgrounds for different parts of my posts in reality but it’s definitely a great addition to the editor… to do this check out the sidebar on the right of your editor, this can all be found under the ‘Block’ section.
Once you’ve added everything into your post if you go back over to the menu on the right, click on ‘Document’ – here you can add your tags and pick which category you want to put your blog post in, you can add your featured image here too (as well as a few other things but these are the things I usually do).
The i in a circle at the top gives you information about your post (like how many words you’ve written).
I think that’s everything (I say everything, I mean there’s a lot I haven’t covered here, this is just the basics really), I really do think this editor is much more flexible than the old one and now I’m using it more, honestly I think I prefer it.
I hope you’ve found this post useful! Oh and guys!! This is actually the hundredth post on my blog (100 posts in under 18 months!) Wooo! If you’ve got any questions let me know in the comments. And if you found this post helpful feel free to save it on Pinterest.