6 Tips to Get the Most Out of the WordPress Gutenberg Editor

The Gutenberg theme was introduced late in December 2018, and WordPress users were using it by this time. The Gutenberg editor is the new block editor that simplifies creating elaborate WordPress pages and posts.

The Gutenberg Editor for WordPress has altered how WordPress writers create their posts. It uses a variety of “blocks” that you can arrange in different ways to suit your needs.

Since its launch, Gutenberg has witnessed over 78.3 million installations and 280+ million posts. Even today, more than 150,000 posts are written daily using Gutenberg. 

Moreover, Gutenberg Phase 3 offers collaborative publishing in WordPress once it is out and rolling.

Gutenberg’s blocks help create content — from text to images, videos, and tables. Overall, it has various cutting-edge features that significantly reduce the effort and time required to complete a task when building or managing your website.

Let us now explore some key features, tips, and tricks to get the best out of it.

1. Leverage content blocks to the fullest

Use Gutenberg’s novel content blocks and options with a built-in TinyMCE editor.

Source: Explore content block options

You can search for the common blocks, widgets, and layout elements for quick formatting. The latest updates have recent improvements, including —

  • Cover Images
  • File downloads
  • Buttons, etc. 

Many plugins you use are likely to have their blocks available. For instance, if you’re using a gallery plugin, it may come with a dedicated gallery block.

2. Removing blocks

You can remove the same if you have accidentally added a block. This usually happens when you are new to it or have much to do.

Remove Gutenberg block

Source: How to remove a block

Follow these three steps to get rid of the writing blocks — 

  1. Choose the element that you want to delete. 
  2. Access further options by clicking the “…” button in the top right corner of the block. 
  3. Find the option to delete the block and choose it.

You can also use a shortcut combination of Ctrl + Alt + Z.

3. Configuring advanced block settings

Explore the additional settings in the sidebar to customize all the blocks you add. Depending on the block, you can access a few other settings or a wide range of customization choices for the block’s visual appearance, layout, and functionality. 

Click on the block in the editor to open block settings. Block options in the editor let you explore such options. Next, choose the Block menu item from the sidebar to adjust its settings. 

The button block’s configurations are shown in the image below. 

You can access a block's settings in the sidebar

Source: Explore block options

You can access a block’s settings in the sidebar with many options to choose different sizes, colors, etc. 

All the changes are reflected instantly in the editor.

Remember, each block will have unique settings, allowing you to configure them differently. For instance, the image below shows some of the basic customization options for typography and color.

The block settings for regular paragraph text
Source: The block settings for a regular paragraph text.

4. Copy the block with all its settings 

Collaborative editing needs consistency. Chances are, when multiple authors work on the same document, design, and style may change. Therefore, keeping consistent Block settings is necessary. For this, try copying the entire block settings in four steps — 

  1. Select the block.
  2. Click the three dots icon on the block’s toolbar.
  3. Select Copy
  4. Then, simply paste the block using “Ctrl + V” or right-clicking and choosing “Paste.”

This way, you can preserve the Block settings and not lose your custom styling.
How to copy a block with all of its settings in the Gutenberg WordPress editor
Source: How to copy a block with all of its settings.

5. Discover and use Gutenberg editor shortcuts

Who doesn’t love shortcuts? Stay efficient using Gutenberg’s shortcuts, supporting most of the usual key combinations (for copy, paste, undo, etc.). On top of that, Gutenberg has a slew of unique keyboard shortcuts that may be used to your advantage.

You can open a full menu of shortcuts using Shift + Alt + H (Windows) / Ctrl + Alt + H (Mac)

Source: List of handy shortcuts in Gutenberg

Here are some of the popular shortcuts in Gutenberg—

  • Ctrl + Alt + Backspace: Delete the existing/chosen. This is a massive help since removing a block typically requires many clicks.
  • Ctrl + Alt + T: To add a new block before the existing one.
  • Ctrl + Alt + Y: To insert a new block after the existing block
  • Ctrl + A + A: To underline the whole section.

Along with keyboard shortcuts, you can also use markdown syntax. 

Here is a rundown of some examples of valid Markdown syntax inputs in Gutenberg:

  • Use “##” to create a heading
  • Type “1.” to start creating an ordered list
  • Use “*” to create an unordered list
  • Use “>” to create a quote

For instance, type”##” and press the spacebar to start writing in H2. This way, Gutenberg creates a heading block automatically.

6. Use drag & drop to rearrange blocks

Previously, the block content had to be copied and pasted if you needed to relocate it. Simply drop it where you want to put it by dragging it. Navigate to the right side of the block and select these six dots, as seen in the figure below. 

Rearrange the Blocks

Source: How to use the drag & drop function

Once you select this button, you can easily move the block to a different location and drop it at the desired location.

Winding up

The entire Gutenberg block editor has evolved dramatically since its introduction in 2018. It now offers you Full Site Editing where the block editor plays an even more crucial role in WordPress. 

To get the most out of the WordPress Block Editor, you’ll need to learn how to create new blocks, edit those, and use them to your advantage. 

The block system is intuitive as their pre-installed features come real handy. However, you can follow the tips mentioned above and tricks to expand its usage.

Avatar

2 thoughts on “6 Tips to Get the Most Out of the WordPress Gutenberg Editor”

  1. I am guilty of not using this yet Lucy lol. I am old school. Using the old editor works for me now but eventually I know I’ll need to upgrade. I did enjoy using this when guest blogging for a few folks who updated their editor.

    Ryan

    Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Connect

Subscribe

Join our email list to receive the latest updates.

Affiliate notice: Some of the links on this site are affiliate links. We only promote products we have tried and love. We may receive a small commission if you click and buy.

Skip to content
Share via
Copy link
Powered by Social Snap