Building up rich content with blocks can empower your users and give them lots of flexibility. But creating too many blocks can make for some long editor screens.
That's why Blocks is introducing a new feature to make the editing process better: collapsible blocks.
Starting with version 1.3.0, blocks can be either collapsed or expanded in the editor view.
Double-clicking on the header of a block will toggle whether the block is expanded or collapsed.
By default, all existing blocks start out collapsed. This makes the length of the editor much less unwieldy, and makes it much easier to reorder blocks.
While collapsed blocks are easy to scan and reorder, having all the blocks collapsed may make it harder to find that one block that needs to be edited.
That's why all collapsed blocks also have a preview of their content right in the header bar.
The preview makes it easy to quickly identify what is in a block while scanning a list of blocks.
Previews are built by taking important content from the first couple of fields in a block. And of course, if it isn't enough information, just double-click on the header to view or edit the entire block.
Add a Block Anywhere
The other problem editors have had when there were lots of blocks was when they created new blocks. Before 1.3.0, a block was always created at the bottom, which meant editors had to remember where they wanted the block, create it at the bottom, then drag the new block to its intended location.
Well, that's a pain. Not anymore.
Now, if an editor wants to create a block below the block they're looking at, they can just click the menu button and select the block. That helps stay in the flow.
Instead of adding developer-focused features, Blocks 1.3.0 focuses on making life easier on the editor. And that's great, because the content is the reason many users come to your site in the first place.