Since version 5.8 of Advanced Custom Fields (ACF) Pro you can use ACF to create custom Gutenberg blocks. All you need to handle are the PHP templates. This makes it very easy for developers who are not yet experienced in the modern Javascript required to create custom blocks for Gutenberg with any of the field […]
The previous step in this tutorial series went through how to register a custom block, both in Javascript and in PHP. In this step we’ll learn how to use WordPress’ components for adding different kind of fields and settings. In order to utilize WordPress’ components in our block we need to first know about props. […]
This post is for you who manages a WordPress site that has a lot of content, possibly many pages structured in hierarchy, and wish for better navigation outside the main menu. In order to help navigate the site a custom menu related to the current post will help tremendously. The problem with placing a menu […]
In this part we will write Javascript to register and configure our custom block. At the end we’ll register the script with PHP and do the necessary PHP code for WordPress to recognize it as a new block. First a quick note about how to access WordPress Gutenberg’s functions and components. The global wp package […]
In the first part of this tutorial series of how to create custom Gutenberg blocks we need to set up our development environment. We need a place where we can write our code in ES6/ESNext syntaxes and compiling it on the go to. It is possible to write custom Gutenberg blocks by using ES5 syntax […]
This is a detailed tutorial series covering how to create your own custom WordPress Gutenberg blocks. It’s for you who are a theme or plugin developer and are, like myself, frustrated with the lack of documentation. Most of what I’ve learned when it comes to developing in the new Javascript world of WordPress is through […]
In this Gravity Forms tutorial we’ll learn three things: How to add a custom input to any field type of your choice How to add custom settings to your form And finally how to remote post submitted values for specific fields after each form submission. This post assumes that you want to add functionality to […]
This guide is for you who want to write code for Gutenberg with ES6, ESNext and JSX syntaxes, and need to set up webpack and babel to transform these into files you can use in the Gutenberg editor. We’ll look at what you need to do, why, and how we can use and extend the […]
This post aims to help you understand the key concepts for developing for the new editor in WordPress; Gutenberg. Gutenberg is still fairly new at the time of writing this. And as with all new technologies in their birth phase, the documentation and standards are unfortunately a bit lacking. WordPress’ documentation site does have a […]
WordPress allows using so-called Walker classes for traversing and displaying elements in an hierarchical structure. In this post we’ll learn about how to create, implement and customize our own walker class to customize our menu output. The most known use of customization with Walker classes in WordPress is for menus, but in reality WordPress uses […]