Each individual bit of content in your page will be a Block. Even individual paragraphs will be separate blocks. The Block Editor provides blocks for all your common content such as paragraphs, headings, unordered lists or ordered lists, quotes, images, galleries, and any other content that you could previously add using the old Classic Editor.
Every block has its own toolbar menu that appears at the top of the block or, at the top of the screen if you’ve selected to have it show there.
The icons that appear depend entirely on the block, type of block that it is. For example, icons shown on the heading block… That is the title block… if we scroll down, have we got a heading? Nope! – I’ll show you the heading – here is entirely different again and also the options can show in the right-hand side as well.
Most blocks will display a “change block type” icon, if I hover here you can see it switching and this would enable you to convert the selected block from one type to another. Unfortunately, the “change block type” icon is different for every type of block, but for each block though it will be the icon in the toolbar that represents that block type.
So when you hover your cursor over, it’ll give you the selection that you can change it to and if you select that option, it’ll convert that block.
For blocks that allow you to select or upload a file such as the Gallery, Image or Audio blocks, the toolbar will display an “edit” icon here, that allows you to edit the block by selecting different files.
Every block will show this “more options” icon, which looks like three dots stacked on top of each other and the “more options” icon allows you to show or hide the block settings, duplicate the current block, insert a new block, above this block, insert a new block, after this block.
Edit the HTML. If you’re feeling quite savvy, and you can add this block to your reusable blocks options, and you can remove the current block as well.
When inserting blocks using the Block Inserter pop-up panel, you’ll notice they are sorted into different sections based on their type. You can show or hide each section by clicking on the heading, or the small arrow, and at the very top is a search field that allows you to filter the list of blocks shown, to make it easier to find the block that you’re looking for.
The search field will also filter the list of blocks, based on the name and types, so for example, if I start a type “I M” for image, you’ll see that there is a selection relating to images, not just an image itself, in the options here and the first section – if it just, hide these for a moment – is the Most Used block. Now this will change based on the blocks you’ve added to your content, and as the name suggests, it’s the most used blocks that you tend to come across in your content.
So the remaining sections are the Common Blocks and this tends to be all your basic content, top types such as paragraph, headings, gallery, image, list etc.
Formatting, this contains more specialised blocks, such as Code block, Classic block, Custom HTML block, Table block.
Layout Elements are helping you with styling your content, for example, Buttons, Columns, More, Page Breaks and Separators.
Widgets, these are special widgets such as the Shortcode, Archive’s that you tend to see on blogs, Latest Posts, Comments, and things like that.
And Embeds, these are um, familiar embeds that you may be used to using, so, Facebook, YouTube, Instagram, Twitter, and so forth. So I hope that gives you a good overview of blocks.
And just a side note that you can move your blocks by hovering over and use these up and down arrows. And you can see the structure of your content in the block navigation here.
You can quickly jump to a block and start editing that block or remove it.