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).
-
Beginning with the Block Editor
-
Block Editor – Text and Formatting
-
Block Editor – Images
-
Block Editor – Video, Audio and Embeds
-
Block Editor – Wide Alignment and Full-width
-
Block Editor – Cover Image
-
Block Editor – Further Formatting
-
The Only Slider You’ll Ever Need
-
Transform a Block into a Group or Column
-
Website Page Layout with the Block Editor
-
Block Editor – Group Block
-
Block Editor – Columns Block
-
Website Page Layout Helper Blocks
-
Copy from Word into the Block Editor
-
Convert Existing Content into Blocks
-
Finding Your Way Around the Block Editor
-
Footnotes
-
Block Editor – Image Block
-
Details Block
Latest Posts
-
WordPress Block Editor
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 […]
-
WordPress Block Editor
The Only Slider You’ll Ever Need
I’ve just found my favourite website slider – Gutenslider. It blends seamlessly into the WordPress Block Editor, allowing easy update using a familiar interface. And it includes all of the display options I have needed in recent years, for client websites […]
-
WordPress Block Editor
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. 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 who live to see such times.…
-
WordPress Block Editor
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…
-
WordPress Block Editor
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:- 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 Full or…
-
WordPress Block Editor
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…
-
WordPress Block Editor
Block Editor – Images
previously published as “Gutenberg Blocks – Images” These are the main blocks in the Block Editor which handle images:- 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 classic WordPress editor. After uploading/choosing the image, alt text,…
-
WordPress Block Editor
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:- See these other articles for further formatting blocks and image-handling blocks. All of these…
-
WordPress Block Editor
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.…