Gutenberg, the new WordPress text editor, is currently under development and will be released into WordPress core soon. The goal of this workshop is to prepare you with a solid understanding of how Gutenberg works, how to write Gutenberg blocks, and considerations for theme development.
We’ll start with the technologies that Gutenberg leverages and the APIs that WordPress provides on top of those. Then, we will explore in detail how to build a simple Gutenberg block. There are a few different types of Gutenberg blocks you can create and WordPress provides different components you can leverage, so we will cover that as well. For those who are theme developers, we will make sure you are aware of best practices for integrating with Gutenberg.
In order to optimize your learning, please observe these requirements:
- Familiarity with basic HTML, CSS, and JS or PHP
- Laptop computer
- A local copy of WordPress installed (https://getflywheel.com/layout/local-wordpress-development-environment-how-to/)
- A code editor. We strongly recommend PHPStorm (https://www.jetbrains.com/phpstorm/download/), but Atom (https://atom.io/) will work if you can’t purchase (or the 30-day free trial runs out)
Please try to have WordPress and a good code editor already installed and running on your computer before the workshop. If you are unable to do so, we will do our best to provide help before the workshop but cannot make any guarantees.