Block Editor Updates — New Features for Handling Text

Click play to LISTEN to the article below

There are several new options in the right sidebar for styling and handling typography in text-containing blocks:

  • Headings
  • Paragraphs
  • Lists
  • Tables

Each panel in the right sidebar now has a 3-dot menu allowing you to toggle additional controls for that particular text block:

  • The Color panel contains options for text color and background color/gradient for the individual block, allowing for quick styling of section headings, callouts, infoboxes, etc.
  • The Typography panel provides toggles to activate various additional text controls for Sizing, Appearance (various font weights for bold text), Letter Spacing, Decorations (strikethrough, underline) and Letter Case (all caps, etc.).
  • In addition to the normal alignment, bold and italic options found in the floating toolbar above a text block, the arrow dropdown menu gives you access to options to style individual words or groups of words within the text block.

Table Block

Table creation has been limited to the tools in the Classic Paragraph block (similar to the classic article editor itself), however we now have a dedicated Table block with many customization and styling options, plus all the normal table editing tools one might expect: adding/deleting columns and rows, showing header and footer sections, creating striped row delineation and more.

Settings

You have the option to tell the table to use “fixed width table cells“, which means all columns will be equal in width rather than adapting the column widths to the content of the table.

The header section and footer section will each add an additional row to your table. The header section is typically used to add titles to the top of each row. The footer can be used to add an additional row at the bottom.

Styles

There are two styles available for tables: Default and Stripes:

  • The Default style has a plain background and borders around the cells.
  • The Stripes style has alternating row background colors.
  • The Color and Typography panels are identical to those described above in the Text block settings.

The floating toolbar provides several options from left to right:

  • Add a link to the text in the cell.
  • Change block type.
  • Drag the block.
  • Move the block up or down.
  • Change table alignment (allowing for other blocks to flow around the table itself).
  • Change individual column alignment.
  • Bold the text of your cell.
  • Italicize the text of your cell.
  • The arrow dropdown provides the same inline text options as the toolbar for the text blocks discussed previously.
  • The “Edit table” option (the symbol looks like a table with four cells) let’s you:
    • Insert a new row immediately before the row you have selected.
    • Insert a new row immediately after the row you have selected.
    • Delete the currently selected row.
    • Insert a new column immediately before the column you have selected.
    • Insert a new column immediately after the column you have selected.
    • Delete the currently selected column.
Share this Post: Facebook Twitter Pinterest Google Plus StumbleUpon Reddit RSS Email

Comments are closed.