Gutenberg Is Your Friend

OK, now that you are in Gutenberg, how do you use it?

A Few Key Things To Make Gutenberg Easier

There are a few key things that will make your life easier:

  • The reason it is called a block editor is that each paragraph, image, heading, quote, or whatever is in its own block.
  • The default block is a paragraph of text.
  • You can change a block from one type to another by hovering on it and using the tools in the mini menu bar that opens up over the block.
  • All the blocks are listed top left of the page, and you can see them by hovering over the list under the plus sign.
  • The plus sign at the left of a new block does the same job and you can add different types of blocks by hovering on that plus sign.
  • Finally, look over at the side bar on the right. You use it to change text size, set Drop Caps, and change the colour of the text and the background colour to the text.

Examples

Here are a few variations of this same piece of text using the block tools and, where appropriate, the settings in the side bar. (The neat thing is that I didn’t even have to retype the text, I just clicked to duplicate it).

Here are a few variations of this same piece of text using the block tools and, where appropriate, the settings in the side bar. (The neat thing is that I didn’t even have to retype the text, I just clicked to duplicate it).Finally, look over at the side bar on the right. You use it to change text size, set Drop Caps, and change the colour of the text and the background.

Here are a few variations of this same piece of text using the block tools and, where appropriate, the settings in the side bar. (The neat thing is that I didn’t even have to retype the text, I just clicked to duplicate it).

I want a heading


Here are a few variations of this same piece of text using the block tools. Let’s add a bit more text so that we have something of a decent size to play with. One thing to notice while I am typing this is that the length of the lines as I see it here in the editor, and the length of the lines as they appear in the front end to the viewer may not be the same. Something to think about when finally approving a piece of text you write. After all, you probably don’t want a single word hanging over into the next line.

But I Want To Stay In The Same Block!

And if for whatever reason you want to stay in the same block, and don’t want to start a new block when you start a new line or a new paragraph, just hold down the shift key when you change lines.

That will keep you in the same block. (It’s useful when you want to make a list.)

This is the next size heading (H3)

H1 is the title of the post, and WordPress takes care of that automatically. Once you are into the post itself, it is up to you to make headings or not have any at all. If you do use headings then the rule is that headings should descend gracefully. That means that the first heading you use should be H2, and not H3 or H4 etc.

The Colour of the H3 heading in this site

Don’t be confused by the colours of the headings. I made those using the customiser. They could just as easily be black or any other colour. The colour does not affect the nature of the heading. A green H3 is the same as a black H3.

Using the Info button

The little letter ‘I’ in a circle at the top left when you are writing a post has useful information in it. It tells me how many words, how many paragraphs, how many Gutenberg blocks, and how many headings. And if I started a post with an H3 heading, it would give me a warning to tell me that headings should descend gracefully and that means I should start with an H2 heading.