If you have used WordPress, you are probably familiar with how hard it is for a beginner to grasp on the robust procedure one has to go through for doing a simple task. 

Since its inception, WordPress has been powered by the TinyMCE editor. The development of WordPress is usually slow and gradual. Some of its elements have become out of date.

However, across the web, there are many platforms, such as WIX and Squarespace, that allow you to build a website more comfortably and efficiently. There was a severe need for an update in WordPress so that it has a chance of surviving in the web-builder market.

Released as a part of WordPress 5.0, Gutenberg is a brand new editor of WordPress. With Gutenberg, the way you can create pages, posts, and everything on your site has changed radically. The new editor comes with amazing features that allow you to create content in a fun and creative way.

What is Gutenberg?

Gutenberg unifies the content creation process experience by eliminating the need for separate shortcodes. It also provides more options for customizing your content through a variety of discrete elements. 

Gutenberg also works well without installing page builder plug-ins.

One of the most used features of Gutenberg is Reusable Blocks. If you have no clue what these are, do not worry. 

Reusable Blocks are the content blocks that the user creates and saves. These blocks can be reused. With Reusable Blocks, adding a call-to-action, thank you note, signature, form, or anything else can be very easy. 

Now you do not have to use the text files or to create the same block from scratch every time. Before Gutenberg, you had to save the feature in the form of a text file, and then you had to copy-paste it again and again where necessary. 

Gutenberg has eradicated this problem for the content creators.

Not only this, but you can also use these reusable blocks on any WordPress website. It is a significant relief for all those web designers that were once forced to make the same block every time for different websites. 

It also saves a lot of time. Whether you are creating many websites or you want to add unique content to every page, reusable blocks are of great help.

The design norms in the web designing industry are not stipulated. They are always relative to the clientele. With the ever-growing competition in the industry, one has to work efficiently, and Gutenberg blocks allow you to do so as a web designer.

Creating Gutenberg Blocks? 

In this post, I am going to show you how easy it is to import and export Gutenberg layouts for a post. So sit back and enjoy reading.

 Create a Reusable Block

You can not import or export regular blocks. To use Gutenberg Block, you have to create reusable blocks first, and I am going to show you how. It is as straightforward as it sounds.

For the sake of simplicity, let us assume that I create a “see you again” note, and I want to add it at the end of every post. I also want to add links to my Facebook and Instagram accounts. Keep in mind that you can do anything you want-image slider, quote, list, or latest posts. 

How to create reusable blocks?

Creating a reusable blog will be a piece of cake for you. And when it is done, you can export and import the blogs. For creating a reusable block, follow the following steps:

  1. Go to ‘Posts’ on your WordPress. Click on ‘Add new’.  It will open your Gutenberg editor.
  2. Next, select ‘Add block(+)’ on the editor. It will open a list from which you can choose what type of block you want to add. In my case, I chose the paragraph block. 
  3. Now you can customize your panel as per your needs. You can add texts, social media links, or you can also change the background if you are adding a paragraph block.
  4. At the moment, this is a regular block. You can add it to the reusable blocks by merely clicking on the ‘More Options’ icon and selecting ‘Add to reusable Blocks’.
  5. Now you can give your customized block a name and save it.

So far, we have saved our reusable block. Now we can use it easily whenever we can. Once you have created all the content for your page, you will navigate to Add Block(+)  and scroll to the Reusable Block icon. From here, you can choose the block you want to add.

How to import and Export Gutenberg Blocks?

How to Export Gutenberg Blocks?

Here is the way how you can export Gutenberg blocks

  1. Once you are inside the Gutenberg editor, you can find ‘More tools and Options’.  By clicking on it, you can see ‘Manage All reusable Blocks’.
  2. By doing so, you will end up on a screen that will let you manage all of your reusable blocks.
  3. To export, click on Export as a JSON file once you have chosen the block you want to export.
  4. Now, browse the location where you want to save your community. Click Save to keep your block.

Wasn’t that easy? Well, Importing your Gutenberg Block is easy too. Here I am going to show you how I can do that also.

Importing Your Gutenberg Block

To import your Gutenberg Block, you will have to follow these steps:

  1. Open your Gutenberg Editor. Here you can find ‘More tools and option’ icons.
  2. Navigate to Manage ‘Reusable Blocks’. From here, you can manage all your reusable blocks.
  3. Choose ‘Import from JSON’ from the ‘Block’ screen. 

And that is it. You have successfully imported your reusable block. 

In a Nutshell 

Working on WordPress was never so easy. Gutenberg has brought the revolution in the field of Web-designing. One of our clients was experiencing issues regarding the content on the website. With the help of Gutenburg, we have successfully enhanced the client’s productivity.