Examples of new alignment options introduced with the Gutenberg editor – full-width and wide-alignment.
Normal Width of Page Content
This text and the image below demonstrate the standard width of content on this page. Long lines of text can be very hard to read and so, for screens larger than mobile devices, there is a limit to the content width, and standard text and most blocks are contained within those bounds.
What Block Types Can Be Full or Wide-Aligned?
Assuming that your theme supports them, the new alignment options are offered for these blocks:-
- Cover Image Block
- Image Block
- Gallery Block
- Pullquote Block
- Video Block
- Table Block
- Columns Block
- Categories Block (fullwidth only)
- Embed Block
A Wide-Aligned Table
|Day 1||Day 2||Day 3||Day 4|
|Swiss Muesli with Yoghurt||Bacon and Eggs||French croissant with strawberry jam||Eggs Benedict with Smoked Salmon|
Full-Width Cover Image Block
Cover Image Block with Full Width Alignment Setting
The full-width and wide-alignment options require that your theme explicitly supports them. See Gutenberg Blocks – Wide Alignment and Full-width Developer Aside for a deeper discussion on what is needed to support these alignment options.