WordPress Gutenberg editor

Revision as of 07:03, 30 August 2022 by Nathan Burt (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

WordPress 5 (deployed in February 2019) includes a complete redevelopment of the editor, named “Gutenberg”, which now features a new “block” system for working with media assets and complex markup.

Here is a Lynda course on WordPress 5 to help you get started with this new editor. Skip ahead to section 2, Content Management, as the introductory sections don’t apply to our environment. There is more information about the new features of WordPress 5 in the official announcement blog post.

Challenges and Workarounds

Because it is a new system, Gutenberg still is seeing growing pains and unanticipated challenges.

Workaround: Use a "Classic" block

If you prefer the old editor generally or just want to use it for a particular page, you can still do so in Gutenberg.

Just add a single “Classic” block to a page/post and get the classic editor experience in the Gutenberg editor without having to add any additional blocks. The "Classic" block is listed under the "Formatting" category or you can search for it.

Choosing a 'Classic' block.
Using a 'Classic' block.

Challenge: Editing many-columned tables

When trying to edit a table with 4 or more columns in a "Classic" block, the content is wider than the editor block could show.

Table In classic block.png

While there doesn't seem to be a way to enlarge the content block to permit WYSIWYG editing, there are options:

  1. Use the "Convert to Blocks" option to have WordPress break up the "Classic" block into smaller blocks. The "Table" block is editable even with wide content.
  2. "Edit as HTML". This requires knowing or learning HTML markup, but does allow arbitrary changes to the table.
Table In classic block options.png
Powered by MediaWiki