Gutenberg for Editors – follow up to the Q&A session

At the October 2020 WordPress Portsmouth Online Meetup – Gutenberg – the block editor there were a number of questions that were answered during the Q & A; and there were others that were posed but not fully covered. This post is a follow up for some of the questions.

Where I refer to myself in the answers ( as I ), then it’s most likely to be my own opinion; I = Herb Miller. When the video is published we may revisit these answers to add the timing points.

How to style a paragraph in multiple columns?

An easy way for people who know CSS is to use the columns property. I’ve created some examples. See Multi column paragraph blocks

Why is the block editor better than Elementor. Or is it?

This was discussed in a number of slides but no conclusion was reached. In its present state Gutenberg is not as fully featured as other page builders. The eco system is not as fully developed for extra features. One problem I see with Elementor is that it’s not easy to migrate from using Elementor to not using Elementor. Ditto for other page builders. I understand some work has been done on integrating Elementor into Gutenberg.

Use of the block editor with ACF (Advanced Custom Fields)

A number of the attendees who use ACF a lot are happy to discuss the subject. I purchased ACF Pro a while ago, but have done very little with it. There’s also an ACF blocks plugin. https://blocks.wp.a2z/oik-plugins/acf-blocks/

To discuss this further I suggest you join the UK WordPress Community Slack group and ask in the #dev channel.


Belinda demonstrated setting foreground and background colours for a variety of blocks. She also covered the Text colour icon for selections of text in rich text blocks such as the Paragraph and Heading blocks.
She didn’t address gradients, which can be used in blocks such as Buttons and Media and Text blocks and as the background to Groups.
Gutenberg also has considersation for working with Dark Mode.

Should I change my theme ( Evolve ) and use Gutenberg?

It depends how tied in you are to the look and feel of the theme and how much work you are prepared to do to migrate your content, if a migration process is required. We really need to know more about the theme you’re actually using; there are multiple themes called Evolve.

Can you change the default for H1, H2, etc?

The default heading level is H2. You can choose the font size for each heading block.

If you change the default, is that for that block or throughout the site?

See below.

What happens if you accidentally delete a block?

You should be able to Undo your changes using the Undo icon in the top toolbar.
If you’ve already saved the post then you may be able to use Revision history to recover to a previous version. That option may not be available if you’re still working with a Draft version.

When using the Image block – does cropping and resizing actually edit the image?

A new version of the image is created for each completed action. You may notice multiple images in your media library. Some of them will appear to be attached to the post where you uploaded it, others may appear to be unattached.

Reusable blocks are great for Calls To Action, what else?

You can create a Reusable block from a selection of blocks and use them in the same post, or other posts. Edit a reusable block using the Manage all reusable blocks link, found in the Reusable tab of the block inserter. When you change a reusable block then the effect is seen wherever it’s used.

Are all these available in all themes where you use Gutenberg?

Yes, mostly. The block editor functionality is provided by WordPress core. Some stuff (such as Align wide and Align full ) has to be enabled by the theme or plugin. Other functionality may be restricted by the theme or plugin to particular user capabilities and/or post types. Users also have the option to use the Block Manager, from More Options and Tools to select the blocks they can choose from. Whether or not the block looks right on the front end depends on the theme. In some themes, developed without awareness of Gutenberg blocks, the theme’s CSS can prevent certain styles from displaying as intended.

Have you got an example of the Yoast FAQ block?

Yes. This is it.

6 heading levels – from 1 to 6 in a Group with a Gradient background

Heading level 1

Heading level 2 – this is the default heading level

Heading level 3

Heading level 4

Heading level 5
Heading level 6

These headings are the default headings. The styling is defined by the theme. You can change the Preset size – to choose a particular size: Small, Normal, Medium etc or set a Custom size.

The Custom size applies to the particular heading.

There are plugins for some themes that allow you to choose the right heading level for the content structure but to style it as a different level.