-
In this tutorial, I’ll show you how to add custom blocks styles with the Gutenberg block editor. I’ve recently added Image and Cover Block Styles such as circular, diagonal, rounded corners, and drop shadow to the EditorsKit plugin; and I’m very happy to share how I did it. I’ve included two ways — both ES6…
-
A few days ago, I published Extending Gutenberg Core Blocks with Custom Attributes and Controls. Well, now I’m going to help you create custom rich text formatting for Gutenberg blocks using registerFormatType function. As of version 1.4.3, underline format is available on EditorsKit plugin. In this tutorial I’ll show you how I created this new…
-
Extensibility is one of WordPress features that I love the most. From custom filters to actions, now they are applying the same thing with the new Gutenberg Editor. It’s pretty great but aside from the WordPress handbook, there are only few tutorials available for Gutenberg development as of the moment. This is the main reason…
-
Using the Block Manager Settings The Block Manager preference is a helpful tool that lets you easily disable specific blocks in the Gutenberg Block Editor. To access this feature, simply go to “Options” and click on “Preferences.” From there, select “Blocks” to enter the Block Manager preference section. This feature allows you to manage which…
-
Block Toolbar Controls is one of the best ways to simplify blocks and create a better user experience in the Gutenberg block editor. These controls are easily visible on each selected block, thus, giving instant access from the user. You have to make a better judgment when creating a block because too many block controls…
-
Developing custom blocks in WordPress Gutenberg editor can be a challenging but rewarding experience. As developers, we often need advanced access to InnerBlocks for advanced block development. In this tutorial, I will discuss how to get access to InnerBlocks attributes within the parent block. Accessing InnerBlocks on JavaScript Edit Component Accessing all InnerBlocks within the…
-
Managing post meta in WordPress has evolved significantly with the introduction of the Gutenberg block editor. This tutorial aims to simplify the process of enabling, reading, and updating custom post meta in the Gutenberg editor. By following these steps, you’ll gain a deeper understanding of how to work with post meta in the modern WordPress…
-
I’ve been writing tutorials on how to extend Gutenberg Block Editor and having a lot of requests to create one for “Creating Block and Build Processes”. In this article, I’ll be very happy to do something about this request with added PostCSS build processing to make it more useful and extra special. I hope this…
-
I’m very happy to introduce the next phase for this plugin — the Block Styling. Over the last few weeks, I’ve been adding new features to EditorsKit and it’s now on version 1.9.2. Here is the new set of options for the Gutenberg Page Building Toolkit plugin, plus I’ve listed the full features available on…
-
A few weeks ago, I was asked a question by Sarah Gooding for a post on WPTavern about EditorsKit. A lot of folks have complained about Gutenberg being too distracting to use for writing. I’ve often wondered if the plugin ecosystem will eventually come up with a plugin that strips Gutenberg down to the bare…
-
Since the rebranding of Block Options to EditorsKit, I’ve been working on more features to extend Gutenberg Block Editor. This latest release contains more rich text format and controls for better content creation. I’ve also added option to toggle Auto Saving and custom theme support for block sizes. Most of these features are the ones…
-
Block Options was the first visibility control plugin for the Gutenberg Editor I created right before I collaborated for CoBlocks. The inspiration for creating Block Options came from Widget Options, which you may have probably heard about. It’s the plugin that lets you manage widgets’ visibility on posts, pages, and devices, among other functions. Block…