Tutorial: Create a Slider as a Dynamic Gutenberg Block
September 30, 2020
A tutorial on how to create a dynamic WordPress Gutenberg block with withSelect and PHP render. The end result is a slider.
Add Custom Settings to Existing WordPress Gutenberg Blocks
August 5, 2020
In this post we'll go into detail in how to add your custom settings to existing WordPress' Gutenberg blocks with two example code of real-life use-cases.
How to Add Color Settings to Your Custom Gutenberg Block
July 1, 2020
This post goes into depth in how to add color settings to your custom WordPress Gutenberg block, the proper way - just like WordPress' blocks do it.
Add a Custom Inspector Sidebar in WordPress Gutenberg with Post Meta
June 17, 2020
A tutorial for how to add a custom sidebar to the Inspector in WordPress Gutenberg. Inside we'll implement a field connected to a post meta.
How to Add an Image Select in Your Custom WordPress Gutenberg Block
May 20, 2020
This tutorial explains how to add an image select or upload button for the Media Library inside Inspector for your custom WordPress Gutenberg block.
Create Custom Gutenberg Block – Part 10: Fetching Posts and Higher-Order Components
May 6, 2020
In this final part of the Gutenberg custom block tutorial series we'll learn how to use higher-order components to utilize WordPress' components for performing queries for posts and other core WordPress information.
Create Custom Gutenberg Block – Part 9: Dynamic Blocks and PHP Render
April 22, 2020
So far we have rendered the block's output in Javascript. However with dynamic content like recent posts or displaying a post we need to render the block's output in PHP. In this post we'll learn how, and why.
Create Custom Gutenberg Block – Part 8: Translation Support
April 8, 2020
This lesson focuses on how to support translation of the texts in our Gutenberg block. We use WP-CLI to generate the required JSON files for WordPress.
Create Custom Gutenberg Block – Part 7: Create Your Own Custom Components
March 25, 2020
In this part in our Gutenberg block tutorial we'll learn how to move out the registerBlockType's edit function to a separate class-based component.
Create Custom Gutenberg Block – Part 6: Toolbars
March 11, 2020
In this post we'll learn how to add WordPress' toolbars to our block, i.e. for alignment and block alignment. We will also learn to add our own toolbars with our own buttons for doing custom actions.
