WordPress Gutenberg

Resources for learning Gutenberg development. You may also want to refer to the Learn WordPress JavaScript page on this site.

Series

General

For Beginners

Philosophy and Opinions

  • Craig Hewitt. Lessons Learned Redesigning a SaaS Website with Gutenberg. wp mayor, 2019.
    • Outlines some of the advantages, disadvantages, and roadblocks encountered when refactoring the Castos site with Gutenberg.
  • Leonardo Losoviz. Implications of Thinking in Blocks Instead of Blobs. smashing magazine, 2018.
    • Leonardo highlights the ways in which blocks which change how we develop for the web, along with the advantages/disadvantages of Gutenberg as it is (or was at the time).
  • Mel Choyce. Gutenberg Phase 2. wordpress.org, 2018.
    • Mel discusses the focus of Phase 2 of Gutenberg. If you want to understand where Gutenberg is heading, this helps.

Create Guten Block

Extending Blocks

Converting Shortcodes to Blocks

Reusable Blocks

Inner Blocks

Update Plugins to Use Blocks

Plugins to Build Blocks

Styling Blocks

Other Specific

Components

Resources

  • Block Attributes Glossary Plugin
    • When installed on a WP site it generates a glossary of all the blocks available on the site and the attributes available to each.

A Chronology of Gutenberg

Sometimes it can be helpful to see how something has evolved over time. This section is an attempt to provide that for Gutenberg.