Middlebury

Difference between revisions of "WordPress Gutenberg editor"

(Workaround: Use a "Classic" block)
(Challenge: Editing many-columned tables)
 
(4 intermediate revisions by the same user not shown)
Line 9: Line 9:
 
If you prefer the old editor generally or just want to use it for a particular page, you can still do so in Gutenberg.
 
If you prefer the old editor generally or just want to use it for a particular page, you can still do so in Gutenberg.
  
Jdd 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.
+
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.
[[File:Classic Block choice.png|90%|none|center|Choosing a 'Classic' block.]]
+
[[File:Classic Block choice.png|500px|none|center|Choosing a 'Classic' block.]]
[[File:Classic Block.png|90%|none|center|Using a 'Classic' block.]]
+
[[File:Classic Block.png|500px|none|center|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.
 +
 
 +
[[File:Table In classic block.png|500px|center]]
 +
 
 +
While there doesn't seem to be a way to enlarge the content block to permit WYSIWYG editing, there are options:
 +
 
 +
# 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.
 +
# "'''Edit as HTML'''". This requires knowing or learning HTML markup, but does allow arbitrary changes to the table.
 +
 
 +
[[File:Table In classic block options.png|500px|center]]
 +
 
 +
[[Category:WordPress]]

Latest revision as of 10:55, 19 February 2019

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