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 is for you who want to implement an autocomplete search in WordPress, where we are in full control of the returned matches. We will apply an autocomplete to the standard WordPress search, but the code highly flexible so you can customize the query to your needs. Whether it is a more specific query […]
Ever wanted to make a nice column-presentation of posts with category filters above that shuffles and filters the posts with an nice animation? Then this is the tutorial for you. What we will make in this tutorial is a list of all posts (preferably within a custom post type such as employees) nicely in columns […]
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 […]