Block Editor

Short url:

The Block Editor is a brand-new editing experience. As the name suggests, the Block Editor treats all your content as individual blocks. Each block can be inserted, rearranged and styled individually, making this new editor more flexible than the old (TinyMCE) Classic Editor.

The Block Editor provides individual blocks for all your common content such as paragraphs, headings, ordered and unordered Lists (i.e. bullet points), quote, images, galleries and any other content that you could previously add to the Classic Editor. On top of that, the Block Editor also provides additional blocks for easily adding content such as buttons, tables and columns.

Rearranging your content is even easier than before. The Block Editor allows you to drag-and-drop or use the block mover icons, to rearrange the order of individual blocks. Each block can also be styled individually using the toolbar at the top of block. The types of styles that you can add to a block are dependent on the individual block. A Paragraph Block for example, allows you to change the text size, text colour and background colour, whereas a Heading Block will only allow you to change the level (H2, H3 etc.) and the text alignment.

WordPress now opens the Block Editor in Fullscreen mode by default, when you add a new Page or Post. Fullscreen mode will hide certain parts of the User Interface such as the left-hand menu and top Admin bar. Fullscreen mode can be turned off by clicking the Options icon (Block Toolbar More Options) in the top-right corner of the page and then clicking on the Fullscreen mode option. It’s worth noting that all the screenshots in the following Block Editor sections of this guide are taken with Fullscreen mode turned off since that’s what the majority of WordPress users are accustomed to.