Home › Block and Plugin Tutorials
WordPress Plugin Development and Block Editor Tutorials
Learn plugin development and block editor development inside and out with our comprehensive tutorials, geared towards beginner to advanced.
What Are Block Patterns – A Detailed Breakdown
In the ever-evolving landscape of WordPress, block patterns have emerged as indispensable tools for enhancing productivity and design consistency. These reusable templates, composed of HTML code from one or multiple blocks, allow users to streamline their content creation process.
Block.json Explained for WordPress Block Plugin Developers
Understanding block.json is crucial for effective block development in WordPress. This foundational file simplifies registration, boosts performance, and enhances user experience, paving the way for robust, future-proof blocks.
How to Generate a Block Manifest to Improve Block Performance
In WordPress 6.8, block manifests were enhanced to simplify block registration and boost performance. This tutorial guides you on creating block manifests, which consolidate block data for efficient processing. By following simple steps, you can improve the performance of your plugins and ensure smooth block functionality.
Create a Dynamic Block Layout Based on Container Size Using useResizeObserver
In quick tutorial, I explain how to use hook useResizeObserver to create a dynamic block layout based on container width.
How to Add a Media Upload Component to Your WordPress Block That Supports Cropping
This tutorial covers two different ways to add a media upload component to your block: via components, or a hook that supports cropping.
How to Enable Plugin Dependencies for Your WordPress Plugins
Plugin dependencies are a neat way for a child to reference its parent plugin. This tutorial goes over how to set them, and what it looks like to the end user.
What Are MU Plugins, and How Do You Create Them?
MU-plugins are unique WordPress plugins that automatically execute without requiring activation, typically used for essential site functionality. They reside in the "mu-plugins" folder within "wp-content" and cannot be deactivated or edited via the admin. This tutorial details their usage, creation, and potential risks, especially in multisite installations.
How to Create a WordPress Playground Blueprint For Your Plugin Live Preview
Blueprints for the WordPress Playground are simple in concept, but it's often difficult to know where to start. I walk you through setting up one of my plugins for the Playground
Namespaces in WordPress Plugins: What They Are and Why They Are Useful
Namespaces help prevent collisions amongst other WordPress plugins. This tutorial explains what namespaces are and why you should use them.
How to Create a Custom Gutenberg Gravatar Block From Scratch
Learn how to build a custom Gutenberg Gravatar block from scratch using Node, React, and PHP.
