In the previous post I wrote a guide in how to create custom Gutenberg blocks with block.json. As a follow-up, this is a guide in how to handle translation of your block using this method. With older methods we would use wp_set_script_translations() in order to set translated strings to a block – as detailed in […]
Following the updated norms in WordPress Gutenberg, custom blocks should now be registered using a block.json file. In this guide we’ll go into details on how to go about this. Updated method of registering blocks Since WordPress version 5.8 using the block.json metadata file has been the canonical way to register custom blocks. There are […]
This post is a quick introduction into a way to keep your your Gutenberg code up to current standards by using React hooks. We’ll see how this is beneficial, why we should do it, and how. Huh, hooks? I assume you already have some experience working with a bit more complex Gutenberg blocks or plugins […]
In this post we’ll look at how to add custom post meta settings to the Gutenberg sidebar, in “Document” tab, rather than relying on adding meta boxes the traditional (and quite honestly much more manual) way. If you’ve worked with WordPress a while before Gutenberg was a thing, you’re probably familiar with adding custom post […]
This post will show how to create custom WordPress REST endpoints and different methods for performing requests to them. There will be examples in both PHP, jQuery and vanilla Javascript. I assume you are already familiar with what WP REST API is, but here is a short summary. WordPress REST API is a JSON interface […]
One of the most common issues with updating a theme or plugin with Gutenberg blocks is that making changes to the block code will break all existing posts using that block. Luckily WordPress offers a solution; a way to deprecate blocks. In this post we’ll look at how to do this. If you’ve worked with […]
In this post I’ll attempt to create an overview of how to create custom REST API endpoints and perform requests for them in a custom Gutenberg block. That is, making requests with fetch methods for information not available in WordPress’ registered data stores. A friendly reminder: most basic information are already available in WordPress’ data […]
This tutorial will go through how to create a dynamic WordPress Gutenberg block. The end result is a slider showing featured image from selected category posts. The code includes using a higher-order-component (withSelect) to fetch all categories within the block editor. What we will make The block will render a simple slider using the jQuery […]
A look into WordPress Gutenberg’s new block patterns, in the eyes of a developer. We’ll look into what they are, what they can be used for, and a deeper look into how to write code for them. Block patterns and their use Block patterns were introduced in WordPress 5.5 (August 11th, 2020). They are a […]
Ever found yourself in the situation where you want to add your custom settings to WordPress’ Gutenberg blocks? In this post we’ll go into detail in how to do that. You’ll find two example code of real-life use-cases of adding custom settings to WordPress’ blocks. Keep in mind that because Gutenberg blocks are Javascript, modifying […]