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

WordPress Block Editor

Details Block

The Details block is handy for FAQs, and other “open to read more information” scenarios. Previously, we might have had to add a plugin or use a more sophisticated page builder to achieve this “accordion” type action, but the details block allows us to add this kind of content very simply.
Read More »
WordPress Block Editor

Block Editor – Image Block

The block editor Image block allows images to be added from your computer or from the media library. Uploading the image and adding Alt Text may be all you need to do but there are other settings to help manage the appearance of the image on the page.
Read More »
WordPress Block Editor

Footnotes

The WordPress Block Editor makes it easy to add footnotes or references at the bottom of a post. Footnotes can be added as you go, or at any time when editing, and appear in a block at the bottom of the page.
Read More »
WordPress Block Editor

Finding Your Way Around the Block Editor

The WordPress Block Editor provides several helpful methods for finding your way around the editor and ensuring you are interacting with the right block. These include the post breadcrumbs in the footer, the parent block icon in the block control bar, and the document overview […]
Read More »
WordPress Block Editor

Convert Existing Content into Blocks

What if your website has existing content which was written before the Block Editor came along? Or you have existing content and you want to migrate to a theme which supports the Block Editor. Must You Convert Existing Content into Blocks? You don’t HAVE to convert existing content into blocks – the page content will…
Read More »
WordPress Block Editor

Copy from Word into the Block Editor

Many people like to write their content using a familiar program, such as Word or other word processing software. They write and edit the text until it is correct and readable, and then copy from Word and paste into the post or page in the WordPress website. This approach can be used with the Block…
Read More »
WordPress Block Editor

Website Page Layout Helper Blocks

There are several minor blocks which can be very helpful in enhancing layouts, or meeting specific layout needs. I call these the Layout Helper Blocks. These are More, Page Break, Separator, Spacer […]
Read More »
WordPress Block Editor

Block Editor – Columns Block

The Columns block can be very useful in helping to create attractive and interesting page layouts. You may choose from a variety of column layouts. Number of columns and column widths can easily be changed later, in the settings. Up to 6 columns are supported natively. The columns block has class wp-block-columns, the inner columns each…
Read More »
WordPress Block Editor

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 »
WordPress Block Editor

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 »