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.
15 Essential WordPress Plugins for Local Development
Within this article I go over several plugin solutions that will assist in local development.
Show and Tell: the WordPress Button Component – Four Examples
Working backward through code examples, I reveal four examples of the WordPress Button component and the attributes used throughout.
Join the New Commercial or Community Plugin Categories on WordPress.org
The WordPress Plugin Directory now allows you to categorize your plugin as commercial or community. You have to opt-in to this.
Add Custom Plugin Settings Links to Your Plugin
Are you a WordPress plugin developer looking to add shortcuts for your plugin customers? This short tutorial will let you know how to add these shortcut links.
How to Create a Unique ID for Styling your WordPress Block
Sometimes you need to style your blocks individually, and this is where a unique ID for each block can come in handy. So how do you get one? Step 1: Add The uniqueId attribute Head to your block’s block.json file…
Getting Rid of Three Common Block Editor Annoyances
The block editor has some annoying defaults, including a welcome dialogue and full-screen mode. This tutorial shows you how to turn these off automatically.
How to Set Block Icons on the WordPress Plugins Repository
Adding block icons to WordPress.org is a fairly straightforward process with some caveats.
Six custom functions I use on every WordPress plugin project
These six functions help me out quite a bit with WordPress plugin development, especially when dealing with multisite and asset directories.
The Block Editor RichText Component – Single Line Only
Use the disableLineBreaks prop to limit the RichText component to a single line of data entry.
Adding Gutenberg Block Previews to Existing Blocks – Block.json Edition
This tutorial shows you how to have a block preview using block.json.
