EASY Gutenberg Development Resources

Learn how to do cool stuff with WordPress Gutenberg blocks WITHOUT (that much) code.

I wanted to share a simple collection of easy resources for Gutenberg blocks. You can make your own custom Gutenberg blocks with these easy guides. You don’t have to be a coder. If you can copy-paste, and know general principles of HTML and CMS template structure, you’ll be alright!

Enjoy!

Gutenberg Hub

https://gutenberghub.com/

Read the blogs, scroll around and look at all the goodies! Copy-paste to your heart’s content.

https://templates.gutenberghub.com/

Extensive collection of Gutenberg block templates! Tons of block functions and layouts. You can use these to create your own custom block or even your own custom block plugin (and re-sell/re-brand) for your own usage!

https://gutenberghub.com/blocks/

A directory of (nearly) all existing Gutenberg blocks out there. Search by whatever type you need. More convenient than the WordPress repo because that seems to only list the block developer’s name rather than all the block types in it.

Bill Erickson

https://www.billerickson.net/

Awesome developer from the Genesis community who always makes helpful blogs. Great stuff for developers and non-coders alike. If you want to learn about development for WordPress, Genesis theme, Gutenberg blocks development, or useful code snippets…check out his site.

Gutenberg Theme Development – Tips for Success

Gutenberg Theme Development – Tips for Success

A really nice guide on developing Gutenberg-friendly themes.

• Editor styling
• Block styles
• Remove (unecessary) core blocks
• Creating custom core blocks

Gutenberg Block Editor (development blog posts)

Really nice guides to customize your Gutenberg editor or Gutenberg blocks.

Other useful links

• How to register your own custom Gutenberg layouts https://melchoyce.design/2020/03/30/creating-a-simple-block-pattern-plugin-for-the-gutenberg-editor/