Plugins
As is usual, the WordPress community has gone wild, and has already developed loads of plugins for the new editor; we can’t possibly list them all. Besides, so many of them add pretty much the same new blocks, or very similar blocks, so I’ve decided to list only the ones that caught my eye. For more complete lists, see the “Authority Sites and Directories” section below.Block Gallery
A photo gallery plugin that does what it says, and doesn’t come with a thousand other blocks. What more could you ask for?Block Options for Gutenberg
Block Options for Gutenberg allows you to show or hide blocks based on a number of factors, including:- What device is being used to view the site;
- Whether the user is logged in or not (great for calls to action, perhaps?);
- Based on field values in Advanced Custom Fields;
- And based on custom conditional logic you might set up yourself.
![02-blockoptions](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/02-blockoptions.jpg)
Coblocks
There are already lots of plugins that aim to turn Gutenberg into a full-on page builder, but Coblocks is the one I currently have my eye on. Sure, they’ve got plenty of layout options and features, but they’re mostly kept light and simple as opposed to overly animated. They seem largely style-agnostic as well. They don’t use JavaScript on the front end when they don’t have to, and they provide quite good controls for custom typography. Overall, I’m quite impressed.![03-coblocks](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/03-coblocks.jpg)
Disable Gutenberg
Disables Gutenberg. Doesn’t expire in 2022. ‘Nuff said.![04-disable](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/04-disable.jpg)
Google Maps Gutenberg Block
While this one not the only plugin that provides a map block, it’s one of the few that only provides a map block. Again, does what it says, and doesn’t bloat the menus. I’ll be a fan of these single-purpose block plugins until there aren’t quite so many of those “ultimate block collection” plugins.![05-googlemap](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/05-googlemap.jpg)
Gutenberg Manager
The Gutenberg Manager plugin allows you to enable or disable Gutenberg for posts, pages, or custom post types as you see fit. Basically this allows you to use another plugin in its place for some content types (such as a proper page builder plugin), without disabling Gutenberg completely. Those looking for flexibility in their content editing experience will want to grab this one.![06-manager](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/06-manager.jpg)
Jetpack
Yes, that Jetpack. As of November 27th, 2018, Jetpack features a few blocks of its own, including a Markdown-enabling block, payment buttons, maps, and a full-fledged contact form. It should be noted that some of the blocks, like many Jetpack features, require being on the Jetpack premium plan.![07-jetpack](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/07-jetpack.jpg)
WooCommerce Blocks
Made by Automattic themselves, WooCommerce Blocks provides Gutenberg integration for (you guessed it!) WooCommerce. There are blocks for product grids, featured products, hand-picked products, best-selling products, hand-picked products, and much more. Combine it with your favorite layout plugins for Gutenberg for the best effect, and you’ve got yet one more way to turn WordPress into a hand-crafted store.![08-woocommerce](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/08-woocommerce.jpg)
Tutorials and Guides
Gutenberg wasn’t even properly out yet when people started writing tutorials and guides. People from all over the industry wanted to be ahead of the curve, and we’re all reaping the benefits. Here are some of the best I’ve found so far: Adding Gutenberg support to WordPress theme - What it says in the title. This’ll get you started.![09-adding](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/09-adding.jpg)
![10-createstyle](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/10-createstyle.jpg)
![11-gettingstarted](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/11-gettingstarted.jpg)
![12-handbook](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/12-handbook.jpg)
![13-JSX](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/13-JSX.jpg)
![14-styling](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/14-styling.jpg)
![15-working](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/15-working.jpg)
Authority Sites and Directories
Gutenberg Hub
Gutenberg Hub aims to be the one-stop shop for all things blocky in WordPress. They’ve got massive lists of themes and plugins, their own tutorials, and even a section for Gutenberg news. Whether you just want to learn how to get started, or go full on obsessive about a content editor (there is no shame in that), this is probably the place to start.![16-gutenberghub](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/16-gutenberghub.jpg)
WP Gutenberg
WP Gutenberg is a resource hub that focuses heavily on a listing style of content, and forgoes editorial. They have tons of plugins and Gutenberg-supporting themes listed, more than we could reasonably put in an article here on WDD.![17-wpgutenberg](https://www.webdesignerdepot.com/cdn-origin/uploads/2019/02/17-wpgutenberg.jpg)
Ezequiel Bruni
Ezequiel Bruni is a web/UX designer, blogger, and aspiring photographer living in Mexico. When he’s not up to his finely-chiselled ears in wire-frames and front-end code, or ranting about the same, he indulges in beer, pizza, fantasy novels, and stand-up comedy.
Read Next
15 Best New Fonts, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
15 Best New Fonts, June 2024
Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…
By Ben Moss
20 Best New Websites, June 2024
Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…
Exciting New Tools for Designers, June 2024
In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…
3 Essential Design Trends, June 2024
Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!
15 Best New Fonts, May 2024
In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…
By Ben Moss
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…
By Simon Sterne
20 Best New Websites, May 2024
Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…