gutenberg

Gutenberg Blocks – Further Formatting

Here are some other useful formatting blocks, beyond the more typically used formatting blocks.  quotepullquotepreformattedversetablecode These blocks can be found in the Formatting section of the editor, except for Quote, which is stored under Common Blocks.  Quote Quote option 1 This is a quote – option 1 style. This becomes an HTML <blockquote>, with class wp-block-quote. Interestingly, hitting […]

Gutenberg Blocks – Wide Alignment and Full-width

The Gutenberg editor introduces some new and interesting alignment options:- full-widthwide-alignment These options require that your theme explicitly supports them.  See Developer Aside for a deeper discussion on what is needed to support these alignment options. What Does Full-Width Mean with a Sidebar? Since the use of wide-aligned and full-width may not be entirely sensible […]

Gutenberg Blocks – Video, Audio and Embeds

Adding video or audio with the Gutenberg 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 a URL for your audio file, allowing you to include […]

Gutenberg Blocks – Images

These are the standard blocks which deal with images:- imageinline imagegallerycover image 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, image size and other settings can be chosen from […]

Gutenberg Blocks – Text and Formatting

Let’s take a look at each of the standard blocks provided with Gutenberg.  First, the more typical blocks which deal with text and formatting:- paragraphheadinglistsubheadingbutton See these other articles for further formatting blocks and image-handling blocks. All of these typical blocks can be found in the Common Blocks section of the editor, except for the […]

Writing with Gutenberg

This is a first step into using the new Gutenberg editor.  I am typing this content directly into the WordPress page and I will do any formatting here and see how straightforward or confusing it turns out to be. Headings, Paragraphs and Other Blocks It turns out that headings, paragraphs, etc are all separate blocks. […]