Alley Block Debug
Adds a panel to the WordPress block editor with a lot of information about the selected block.
by Alley · github.com/alleyinteractive/wp-block-debug · website
★ 16stars
4.4kcomposer installs
0forks
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/alleyinteractive/wp-block-debug/archive/refs/heads/main.zipAlso on Packagist as alleyinteractive/wp-block-debug:
composer require alleyinteractive/wp-block-debugFrom the readme
Block Debug
This plugin adds a panel to the WordPress block editor that allows you to inspect and modify the selected block. You can:
- Copy the block name
- Copy the block client ID
- View the block object (from select('core/block-editor').getBlock())
- View the block type object
- View the output of useBlockProps()
- View and copy the serialized block HTML
- View and edit most block attributes (see the "Editing Attributes" section below)
Installation
You can install the plugin via Composer:
Editing Attributes
The interface for editing block attributes is generated by passing the block type's attributes schema to react-jsonschema-form. Some attributes might be easier to edit than others, and some attributes might not be editable at all, depending on how well-defined the attributes are in the schema (you can use the "Dump block type" feature in the debug panel to see it).
Only attributes with a type of string, number, integer, boolean, object, array, or null are supported; items of type array must also define an items schema.
Controlling Access
The debug panel is available to users with the viewblockdebug capability, which is mapped to editposts by default.
Screenshots
A
Read the full README on GitHub →
Releases
These releases are tags only. The author does not attach a packaged zip, so there are no download counts to report.