Pro Tips

Once you begin using the Blocks editor please make sure the top Toolbar is turned on by selecting it from the Options menu – three stacked dots on the top right of the editing screen. Have a look at the short video below. NB The there is no audio in the video.


Blocks: Full Tutorial from wpbeginners


Bonus Tips to Use Gutenberg like a Pro

The following is an extract from the generic tutorial from wpbeginner you can access here

Looking at the block editor, you may be wondering whether you will be spending more time adding and adjusting blocks than creating actual content?

Well, the block editor is incredibly fast and even very basic usage for a few minutes will allow you to instantly add blocks without even thinking.

Pretty soon you will realize how much faster your workflow will become with this approach.

For power users, here are some bonus tips to help you work even faster with the WordPress block editor.

1. Move the block toolbar to the top.

You may have noticed in the screenshots above that there is a toolbar that appears on top of every block. You can move this toolbar to the top of the editor.

Simply click on the three-dot button at the top right corner of the screen and then select the Top Toolbar option.

top toolbar in block editor

2. Use keyboard shortcuts

Gutenberg comes with several handy shortcuts that will make your workflow even better. The first one you should start using right away is the /.

Simply enter / and then start typing, and it will show you matching blocks that you can instantly add.

For more shortcuts, click on the three-dot menu on the top-right corner of your screen and then select ‘Keyboard Shortcuts’.

Launch keyboard shortcuts menu

This will bring up a popup with the list of all the keyboard shortcuts that you can use. The list will have different shortcuts for Windows and Mac users.

3. Drag and drop media to automatically create media blocks

Gutenberg allows you to just drag and drop files anywhere on the screen and it will automatically create a block for you.

You can drop a single image or video file, and it will create the block for you. You can also drop multiple image files to create a gallery block.

Drag and drop media

4. Adding YouTube, Twitter, Vimeo, and other embeds

The block editor makes it easier to embed third-party content into your WordPress content. There are blocks for all popular third-party services. 

Embed blocks
However, you can just copy and paste the embed URL at any point, and it will automatically create a block for you.

For example, if you added a YouTube video URL, then it will automatically create a YouTube embed block and display the video.

YouTube embed