Getting Started With Gutenberg Theme Development In Five Minutes

As with every major new technological change one might think the learning curve is steep. Not with WordPress Gutenberg. You can start designing a Gutenberg theme in minutes.

All you’ve got to do is:

  1. Install the Gutenberg Plugin.
  2. Change the ‘Welcome to the Gutenberg Editor’ post status from draft to publish.
  3. Start styling the blocks, ie. all the wp-block-xxx classes.
  4. Done.

To get the sense of the current block classes you can check the WordPress Gutenberg Starter Theme, more exactly thecss/blocks.cssfile.

If you need to go further like creating your own blocks, again, the learning curve is zero to none. I mean Gutenberg works out-of-the-box without the need to install a new ecosystem like node and webpack.

Just head over to WordPress Gutenberg Examples repository and check the examples without the-esnextsuffix. All of them are plain PHP and Javascript.

To get started all you need is to enqueue your new scripts and styles with PHP, and create them using Javascript and the Blocks API.

Leave a Reply

Your email address will not be published. Required fields are marked *