What is Gutenberg Blocks? How to Use in WordPress 2019

Released on December 2018, the WordPress update came up with a major addition- the Gutenberg editor. The Gutenberg Block System is all set to be revolutionary for the WordPress fraternity and to take the full advantage of this system, on has to learn it from scratch.

 Gutenberg editor overcomes the shortcomings of the TinyMCE editor and helps enhance the visual aspect of the content creation.

It contains a complete library of pre-built elements, or ‘blocks’, from where the blocks are taken to add in a page or post and customized thereafter. From txt to images and buttons to tables, these blocks have the capability to handle all the components of WordPress.

The following guide is dedicated to help you understand the Gutenberg editor and how to us it.

How to use Gutenberg editor: Crating a WordPress post

Once you have updated your sit to the latest version of WordPress 5.0, the Gutenberg Editor becomes a default option on your website. Now you will have to us this system for adding blocks and enhancing the visual aspect of your website. Here is a step by step guide for the same.

Step 1: Adding a block to the post

Any post is incomplete without a title and hence you should start from it only. This should be done by adding a dedicated field at the top of the editor.

Yu can do this in the same way as you used to do using the classic editor. Post this, the process changes however. On hovering blow the post’s title, you can locate a few icons. Choosing the “plus” icon, you can add blocks to the post.

You can also choose to add frequently used blocks such as text, image, and gallery options. All you need to do is click on the ‘plus’ icon, explore the drop down list, pick the required icon and click on it to choose.

Step 2: How to customize your block?

Let’s assume you have added a paragraph block to the post. Now, you will have to customize it. To explore the options, you will have to start writing on the block and as you do, newer options emerge such as formatting settings, alignment, bold, and italics and other block specific options text’s font size and color, add a drop cap, and Custom CSS. The options are specific to the type of blocks you are choosing and thus will be different every time.

For instance, if you have selected an image block, you can easily add images from your media library and then edit it, alter the alignment or add CSS.

While paragraph and image blocks will come to your frequent us, you also get a range of other options when you use Gutenberg editor in place of the classic editor. The Button block I on fin example of this advanced option.

This allows you to create buttons on the website like a button to help customers connect with you. You can alter the button block and hyperlink it with a URL. There are also options to edit the style and color of the button. Step 3: Final touch to your post.

After adding the blocks you will have to put down the final touches to mak the post complete. You can anytime rectify or edit or delete your content and layout.

Plugins for adding new blocks

Post release of Gutenberg Editor, many reputed plugins have emerged which helps you with ready to use blocks. CosmicWP Plugin can help you with readymade as well as easy to customize blocks. You can also use Gallery Plugins, Pricing tables, Testimonials, Sharing Icons, calls to action & Lots more.

Final words:

It is believed that Gutenberg editor will be the default editor for WordPress for years to com. Besides being simple to use it also offers a range of customization and easy editing and deleting options. For creative webmasters, it is nothing short of a technical miracle.

kelly Author

Leave a Reply

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