How to use & develop WordPress Blocks
To add support for excerpt for pages we need to add the snippet below in functions.php
The Hello World of Gutenberg Block development. In this tutorial we show the very basic structure of a block.
Upload media to your custom Gutenberg block. WordPress has made this easy with the MediaUpload component that is part of the block editor.
The Form Toggle control is basically like a checkbox, a boolean control, or if you will, an on/off switch. It’s by far the most common control we use when building blocks.
The Inspector Controls are the settings in the sidebar of Gutenberg blocks. In code it is a React component used in the edit-function of a block.
Adding custom styles to WordPress Gutenberg blocks is easy and at the same time extremely useful when developing your website.
Here is a simple guide on how to update the color palette of the Block editor to fit your theme.
We made a little tool to make it easier to make the code snippet you need to add patterns in your functions.php file.
If you want to remove all the default block patterns*, add the below snippet to your functions.php or plugin file. You will still be able to register your own patterns.
There are two methods: Adding a snippet in your functions.php file or by using a plugin. Here we show both.
Why a dedicated development blog for WordPress Gutenberg Blocks?
The Gutenberg editor is a big deal for WordPress and WordPress is a big deal for the internet. It has (or will) totally change the way developers make WordPress sites. Going from page template based development to block patterns is fundamentally different for both the developer and content producers. We thought we could share our gained knowledge to other developers, to make their transition abit more smooth.