I decided to make a very brief video demonstrating some basic methods used when building a page with the WordPress block editor.
One of the most useful features is block navigation; that little icon up towards the left hand corner of the screen. It’s easy to lose track of which block you have selected. Block navigation shows you where you are and helps you move to the next block that you want to use, by clicking on it in the dropdown list.
Some people find that block navigation shown above is a bit difficult to use, and they like to install the Block Navigation plugin to make things clearer.
The video shows me do the following:
- Add a paragraph block
- Add a columns block with 2 columns
- Put a text block in one of the columns
- Put an image block in the other column
- Duplicate the text block and edit the text
- Use block navigation to select the columns block
- Increase the number of columns to 3
- Move one of the text blocks into the 3rd column
- Move the columns block above the first paragraph block.
UPDATE: Moving blocks looks a little different in the latest versions of WordPress. There is now a little icon made of 6 dots – this is what you grab to move a block.
It’s also now possible to copy a block and paste it elsewhere on your page, on another page, or even in a completely different website. Just click on the 3 dots, then choose “copy”. You can paste in your chosen location using Ctrl+V (on a Windows PC).
You can select more than one block, by dragging the cursor over them, and then copy and paste all the blocks together, and you can even copy an entire page by clicking on the 3 dots in the very top right hand corner of the page and then choosing “Copy all content”.
Mike Oliver has a helpful video demonstrating how easy it is to copy all the content from one website to another.