Gutenberg block editor tutorial

How to Use the New Gutenberg WordPress Block Editor

In the recent released of WordPress 5.7, the classic content editor was replaced with a brand new block editor which we all known as Gutenberg. Since then, several of our blog readers have asked us to create a open tutorial on how to use the Gutenberg block editor in WordPress due to most of them are WordPress beginners.

What is Gutenberg?


Gutenberg is a brand new editor for the WordPress platform which has been in existence since 2018 with WordPress 5.0. It will radically change the way you create posts, pages, products, and just about everything else on your site. Gutenberg has always been part of WordPress 5.7, which has been released as early as March, 2021.

WordPress block editor is a way of creating content in WordPress without stress. In this tutorial, we will show you how to use the WordPress block editor and master it to create visually stunning blog posts and pages on your WordPress blogs.

Characteristics of Gutenberg WordPress blog Editor

These new WordPress block editor offers a simple way to add different types of content to your posts and pages.

Also with the new editor, you can simply add a table block, select your columns and rows, and start adding content.

You can move content elements up and down, edit them as individual blocks, and easily create media-rich content.

And lastly the new WordPress block editor is easy to use and learn.

Here is what we will cover in this Gutenberg tutorial for all WordPress beginners:

Creating a blog/contents post or pages

You will start creating a new blog post or page like you beginners would do. Simply click on Posts then Add New menu in your WordPress admin. If you are creating a page, then go to Pages » Add New menu.

Note that the first block of every post or page is the title, which then you can use the mouse to move below the title or press the tab key on your keyboard to move down and start writing.

You can click on tabs to browse block categories or type in the keyword to quickly search for a block.

If you don’t want to use a mouse to click on the button, then you can use a keyboard shortcut by typing / to search and add a block.

Each block editor comes with its own toolbar which appears on top of the block. The buttons in the toolbar would change depending on the block you are editing like text alignment, bold, italic, insert-link, and strikethrough buttons.

Apart from the toolbar, each block can also have its own block settings which would appear in the right column of your edit. You can move blocks up and down by simple drag and drop or by clicking the up and down buttons next to each block.

After all contents, post and images has been fully written, you need to publish your first content written with Gutenberg editor.

Each WordPress post contains a lot of different data. This includes information like publish date, categories and tags, featured images, and more.

Here is how Rank math SEO allows you to edit your SEO settings in the new editor;

Jetpack also comes with widget blocks that you can easily add to any of your WordPress posts and pages, so all what you needed is on Gutenberg WordPress editor.

Common Blocks in New Gutenberg Editor

The new editor helps more better than the old classic editor because you will do things very fast and easier

Adding an image in new WordPress editor can be easily be done whereby already made images block is inserted. Just drag or upload images and insert, on the same uploaded images, you can edit the metadata, resize and add links to it

It also comes with ability to add links to post. Text blocks also include a link button in the toolbar.

The gallery block works like the image block.

Adding a button to your blog posts or pages was another annoyance in the classic editor. You either had to use a plugin that created a shortcode for the button, or you had to switch to HTML mode and write code.

Creating multi-column content was another issue that the classic editor didn’t handle at all. The block editor allows you to add Columns block, which basically adds two columns of paragraph blocks.

Gutenberg introduces new embed blocks to the block editor. There is a block for all supported embed types including YouTube, Twitter, Facebook, and more.

Frequently questions asked on Gutenberg WordPress Block Editor

Can I still be using the old classic editor

Yes, you can still be using the classic editor

Simply install and activate the Classic Editor plugin, you can read our beginners guide on how to install plugins on your WordPress site.

After activation, it will disable the block editor, and you will be able to continue using the classic editor. The Classic Editor will be supported until 2022.

How to learn more Gutenberg tips and tricks?

WPressBeginner is the best place to learn about the new block editor in WordPress.

We will be updating you with new articles and updating to help you master the new block editor.

Will the block editor be updated frequently?

Yes, WordPress will always update the block editor. We will always update you on the latest editor released by WordPress.

If you have any issue on this, you can use our comment session or join our delegate on Facebook to solve any issues related to WordPress and subscribe to our YouTube Channel for WordPress video tutorials

Share this Post

1 thought on “How to Use the New Gutenberg WordPress Block Editor”

  1. idn poker indonesia

    I am not certain the place you’re getting your information, but good topic.
    I needs to spend some time finding out more or figuring out more.
    Thanks for excellent info I used to be on the lookout for this info for my mission.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Scroll to Top