How to Use Gutenberg Hub’s WordPress Gutenberg Blocks 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
• Using New Gutenberg Blocks in a Page or Post

Enjoy fast, secure hosting optimized for your WordPress site with our WordPress Hosting plans. 

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.