How to Use Gutenberg Hub’s WordPress Gutenberg Blocks Library

Adding blocks with gutenberg hub library

In our article on how to add animation to WordPress, we highlighted the Editor Plus plugin – which extends the functionality of Gutenberg and allows block customization without the use of code. 

However, there is more to Editor Plus that meets the eye. The creator, Munir Kamal, also launched a free WordPress Gutenberg blocks library on his website Gutenberg Hub. Though editor plus does a great job of adding additional customization features to Gutenberg, users with simple themes may still find a need for specific blocks not currently included in the core Gutenberg block library. 

In addition to blocks, his website also hosts a WordPress page template library that has both full and partial page templates that can be added to a website for free using his Editor Plus plugin.

Continue to learn how to use the Editor Plus plugin to add unique WordPress Gutenberg blocks. 

Adding New Blocks From the Gutenberg Hub Library

Of course, the first step to using custom blocks from the Gutenberg Hub Library on your WordPress site is to download blocks via the Editor Plus plugin. Let’s learn how to add Gutenberg Hub blocks to WordPress.

  1. Install and activate the Editor Plus plugin in your WordPress dashboard.
  2. Navigate to Settings > Editor Plus > Blocks.
  3. Click Browse to search for blocks. You can also use the search bar to find a block if you know the title. 
  4. The Gutenberg Hub Blocks Library will open in a new tab. 
  5. Once you find a new block you like, click on the block then click Copy Code
  6. Back on the Settings > Editor Plus > Blocks page, click Add Block, paste the code, then click Add Block again.
  7. You should then see your newly added block on the Blocks page. 
  • Click Browse Blocks to search for blocks on the Gutenberg Hub Library
  • Listing of available blocks on the Gutenberg Hub Library
  • Copy the block code once you find a block you like
  • Paste the block code in the Editor Plus plugin
  • The new block will be listed under the Block tab within the Editor Plus settings

Using New WordPress Gutenberg Blocks in a Page or Post

Once you’ve added new blocks via the Editor Plus plugin, you can then use them on posts and pages with the Gutenberg editor. 

  1. Create or edit a page or post
  2. Click on the + sign in the upper left corner or within the editor screen, then search for and add the new block. We had to search using the block’s name to find it.
  3. Once added, you’ll be able to use all of the additional customization features provided by the Editor Plus plugin. A quick overview of additional settings can be read on our adding animation to WordPress article.  
  4. Click Publish or Update to save your changes.
  • Search for new block to add it to post or page
  • Customize the new block with the additional Editor Plus options

Learn more about the new WordPress editor, Gutenberg, and the capabilities of the separate Gutenberg plugin with our helpful Gutenberg tutorials.

InMotion Hosting Contributor
InMotion Hosting Contributor Content Writer

InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!

More Articles by InMotion Hosting

Was this article helpful? Let us know!