WordPress Block Editor

The WordPress Block Editor can be used to build some very attractive website layouts, with lightweight pages and an editing interface which is relatively easy to learn.

Read our tips and help for using the Block Editor (also known as the Gutenberg editor).

Contents in Recommended Reading Order

Latest Posts

Block Editor – Group Block

The Group block can be very useful in helping to create attractive and interesting page layouts. You can start by inserting a Group block and then adding the desired blocks inside the group. Or you can transform an existing block into a Group block – this has the effect of wrapping the current block inside…
Read More »
Website Page Layout with the Block Editor

The Block Editor (also known as Gutenberg) provides some handy blocks which allow for the creation of attractive and interesting website and page layouts. Groups, Rows and Columns blocks, in combination with images and colour, can be used to create attractive and interesting website page layouts […]
Read More »
Transform a Block into a Group or Column

The WordPress Block Editor offers a simple way to transform a block into a different type of block. Clicking on the block icon in the top left of the block control bar, you are offered a list of options. This is the set of blocks which are available possibilities for transforming the current block […]
Read More »
Block Editor – Further Formatting

previously published as “Gutenberg Blocks – Further Formatting” Here are some other useful text formatting blocks, beyond the more typically used formatting blocks. quote pullquote preformatted verse table code These blocks can be found in the Text section of blocks. Quote “I wish it need not have happened in my time.” “And so do all…
Read More »
Block Editor – Cover Image

previously published as “Gutenberg Blocks – Cover Image” Simple Example of Cover Image Block Very simply, the Cover Image block allows you to include an image with text sitting in front of it, like the image below (where the words “Simple Cover Image Block” are not part of the image but text typed directly into…
Read More »
Block Editor – Wide Alignment and Full-width

previously published as “Gutenberg Blocks – Wide Alignment and Full-width” The Block Editor (Gutenberg) introduces some new and interesting alignment options:- wide-alignment full-width These options require that your theme explicitly supports them. See Developer Aside for a deeper discussion on what is needed to support the wide-alignment and full-width options. What Block Types Can Be…
Read More »
Block Editor – Video, Audio and Embeds

previously published as “Gutenberg Blocks – Video, Audio and Embeds” Adding video or audio with the Block Editor is fairly intuitive and perhaps a clearer and simpler process than with the classic WP editor. Audio The Audio block allows you to upload or select from the library an audio (mp3) file. Alternatively, you can enter…
Read More »
Block Editor – Images

previously published as “Gutenberg Blocks – Images” These are the main blocks in the Block Editor which handle images:- image inline image gallery cover image media and text Image Choosing an Image block allows images to be added from your computer or from the media library (ie already uploaded to WordPress), just as in the…
Read More »
Block Editor – Text and Formatting

previously published as “Gutenberg Blocks – Text and Formatting” Let’s take a look at each of the standard blocks provided with the Block Editor (previously known as the Gutenberg editor). First, the more typical blocks which deal with text and formatting:- paragraph heading list button See these other articles for further formatting blocks and image-handling…
Read More »
Beginning with the Block Editor

Previously published as “Writing with Gutenberg” When you add a new post or page, you will see the Block Editor screen, ready for you to enter content. A “Welcome” help dialogue may be shown, on first using the editor. If you wish to see this again at any time, you can redisplay the Welcome guide.…
Read More »