Dev Inspector

Open
#1 0 comments 1 reaction 1 assignee View on GitHub

@ryanwelcher is already working on this.

Since Dec 19, 2025.

Assessment

This issue has not been assessed yet.

Description

enhancement

The developer showcase will feature a dev inspector mode that when toggled on, will provide visitors to the site with developer based information for a given item on the page.

At a high level, we'll need two blocks that use the Interactivity API:

  • A toggle button to enable/disable dev inspector mode
  • A wrapper block for the content that will be featured and provide a button to show the developer content.

Dev Inspector Toggle Block

This block will be a simple on/off that will control the global on/off state for the store

Dev Inspector Container Block

This block is used as a container block (similar to a group block) and will wrap other blocks.

It will have some Inspector Controls for the following:

  1. Text describing the feature/approach
  2. Link to relevant docs/articles
  3. Code snippet

When the "Dev Inspector" mode is enabled, the block will show a button that when clicked will display the three sections. Design is still TBD.

Check List

  • Basic scaffolding and registration of store
  • Two blocks: A toggle button and wrapper block used to display the content
  • Styling/approach for the content tabs provided by the container block cc @justintadlock
Dominant language
PHP
Stars
7
Forks
0
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from wptrainingteam/developer-showcase

All issues in wptrainingteam/developer-showcase

Similar issues

More PHP issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.