gutenberg Editor

What’s New in WordPress Gutenberg Editor

After leaving behind the Classic Editor, Gutenberg Editor has introduced a new way of content building. From the speech of WordPress co-founder- Matt Mullenweg on 2019 WordPress Camp US, it’s clear that the Gutenberg block is the future of WordPress.

Gutenberg is updating rapidly. Thus, you can do effortless customization without deep knowledge of web design. Well, in 2020 there happens a lot of changes. More than 56 contributors have worked for the Gutenberg release of 2020.

Have you discovered them all? As most of the users are still unknown to some updated features. We can ensure, the new highlights will be very powerful for your site.

Let’s dive into the article to explore these latest changes in Gutenberg Editor and learn how to use them for a better experience.

7+ New Updates of Gutenberg Editor

We have found these updates while a content editing of our site. It is quite enjoyable to discover new options in your favorite editor. Let’s have a quick view.

Gutenberg Editor Updates Infograph

The best way to understand anything is to get practical knowledge. Here we will show you how all of these new Gutenberg advances work for your website.

1. Drag and Drop Images from the Computer Folder

Gutenberg Editor Drag and Drop feature

In the classic editor, uploading images was not that easy. But now you can do this job by drag and drop the pictures straight from your computer folder on your editor. Easy peasy! 

You need to click on the image icon of a block, drag an image from your desktop and then just drop it on that block. That’s it! If this instruction seems confused to you then have a look in the Gif. 

2. The Spotlight Mode

Gutenberg editor Spotlight mode

Do you feel disconcerted while working on content in Gutenberg Editor? Actually, we do. From now Gutenberg will help you to solve this issue. So, you will not drop your workflow. To get this amazing advancement you just need to enable the Spotlight Mode.

After allowing this mode, your current working block will be focused and the rest of the blocks will be greyed out.

3. Full-Screen Mode

Gutenberg Fullscreen mode

Many compilers loved the Classic editor more than Gutenberg for the full-screen mode. Well, Gutenberg is now enabled to give you that assistance. The editor sidebar and the admin toolbar will be disappeared after allowing the full-screen mode. 

If you need to use some important tools, you can click the Top Toolbar and the options will be shown on the top of the content. It will help you to avoid abstractions. 

4. Reusable Blocks

Gutenberg Reusable block

This new feature has played an important role in content development on WordPress. You can save different types of block to use it in other related content. Thus, it’s named Reusable Blocks. 

So, exporting and importing one block to your other sites is now a piece of cake. 

For instance, suppose you have created a high-converting landing page. So, now you can save the blocks and use them into other landing pages. And, most importantly, you have the administration of reusing the blocks, export, delete or edit it. 

5. Buttons (Using Multiple Buttons in A Row)

Using multiple buttons in a row

Usually, we can select a single CTA button. What, if we use more than one button in a row? Well, you don’t have to wait for it. Gutenberg Editor has made a new option by which you can add multiple CTA buttons in a block.

Add social link in gutenberg

Social Link block is the last release of Gutenberg which needs a week and 45 contributors to update. It has been found in different releases. But now it is not in experimental mode. You can use this stable block according to your requirements.

So, this update will help you to promote your social page, profile or group directly from your content.

7. Change the Color of Text and Block

Change the color of text and block

In this new release, more than 51 contributors have worked. Through this update, you can use some fascinating color options which will enrich your content.

However, coloring the text is much easier now. Just select your required text and color it from the right-sided Color Setting option. Not only the text color, but you can also change the block color and group blocks.

Bonus – Gutenberg Editor Keyboard Shortcuts

As you know there are many keyboard shortcuts which we use every day. Without these shortcuts, you wouldn’t be able to work efficiently. In the Gutenberg update, there is a palette of keyboard shortcuts available to ease your task. Let’s learn them together.

Using Slash “/”

Type “/” slash to choose an option from the recently used block.

CTRL + Shift + ALT + M

If you click these tab altogether you will switch to the code editor. Forgoing back to the block editor you have to do the same once again.

> For Starting a Quote Directly

Type >+ space and here is a new quote block for you. Isn’t it super easy?

## For Starting a Heading Instantly

Type ##+ space and here is a new heading block for you.

- For Starting a List

Type -+ space and you will start a list.

Gutenberg Blocks

Final Countdown On Gutenberg Editor Updates

The first trail of Gutenberg Editor wasn’t smooth like now. Lot’s of innovation, improvement processes, components, contribution, and effort have brought Gutenberg here.

Each update helps the user to create powerful content effortlessly. The above features seem pretty cool to us and they work genuinely. Moreover, we have tried to provide enough Gif and screenshots for your better understand. You can check our user guide of Gutenberg Block.

Furthermore, you can integrate Elementor and HappyAddons to your site to enhance Gutenberg experience.

Let us know if you feel anything trouble or doesn’t work according to the instruction. We will try to reply in the meantime.

Have a nice day!

Share this post

Share on facebook
Share on twitter
Share on linkedin

Related Post

Leave a Reply

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

0 Shares
Share via
Copy link