JS Morisset

The JSM Show Post Metadata plugin displays post (ie. posts, pages, and custom post types) meta keys (aka custom field names) and unserialized values in a metabox at the bottom of the post editing page.
Note that if you’re using WooCommerce HPOS (High-Performance Order Storage), available since WooCommerce v8.2, then your WooCommerce orders are NOT post objects and you should use the <a href="https://wordpress.org/plugins/jsm-show-order-meta/" rel="ugc">JSM Show Order Metadata</a> plugin instead.
There are no plugin settings – simply install and activate the plugin.
<h4>Available Filters for Developers</h4>
Filter the post meta shown in the metabox:
<pre><code>'jsmspm_metabox_table_metadata' ( array $metadata, $post_obj )
</code></pre>
Array of regular expressions to exclude meta keys:
<pre><code>'jsmspm_metabox_table_exclude_keys' ( array $exclude_keys, $post_obj )
</code></pre>
Capability required to show post meta:
<pre><code>'jsmspm_show_metabox_capability' ( 'manage_options', $post_obj )
</code></pre>
Show post meta for a post type (defaults to true):
<pre><code>'jsmspm_show_metabox_post_type' ( true, $post_type )
</code></pre>
Capability required to delete post meta:
<pre><code>'jsmspm_delete_meta_capability' ( 'manage_options', $post_obj )
</code></pre>
Icon for the delete post meta button:
<pre><code>'jsmspm_delete_meta_icon_class' ( 'dashicons dashicons-table-row-delete' )
</code></pre>
<h4>Related Plugins</h4>
<ul>
<li><a href="https://wordpress.org/plugins/jsm-show-comment-meta/" rel="ugc">JSM Show Comment Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-order-meta/" rel="ugc">JSM Show Order Metadata for WooCommerce HPOS</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-post-meta/" rel="ugc">JSM Show Post Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-term-meta/" rel="ugc">JSM Show Term Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-user-meta/" rel="ugc">JSM Show User Metadata</a></li>
<li><a href="https://wordpress.org/plugins/jsm-show-registered-shortcodes/" rel="ugc">JSM Show Registered Shortcodes</a></li>
</ul>

JSM Show Post Metadata

I've started recently to use this plugin to discover post meta values, I must say it's cleaner than other plugins I've used before.

Thanks for the latest update release 2.0.0, the ability to have post meta updated without having to load the page is pretty awesome.

I use the plugin almost everyday. I recommend it to anyone who wants to see what's in post meta.

Keep it up!

Useful and Very Clean Post Meta Viewer Plugin

It's great for letting me see hidden metadata without having to open up the database.  Plus, it's great for allowing non-technical users to see the information without the risk of sending them to the database.  

Super helpful tool!


I'm definitely not making full use of its potential but, for what I need it, it has proved to be dependable and very useful.



Thank you for sharing your work.


Helpful and dependable

Show post metadata (aka custom fields) in a metabox when editing posts / pages - a great tool for debugging issues with post metadata.

CodingBunny

CodingBunny CSS Inspector adds a clean, DevTools-style sidebar to your WordPress frontend, letting administrators visually inspect any element and copy its CSS with a single click. 
Perfect for theme customization, debugging, and quick styling adjustments—without ever opening the browser DevTools.
The inspector displays full CSS blocks, selector paths, HEX color values, used CSS variables, and ready-to-copy pseudo-state styles like :hover, :focus, and :active.
Designed for power and simplicity, and visible only to logged-in administrators.
<h4>Features</h4>
DevTools-like inspection sidebar, launched from the admin bar
Full CSS block viewer for any element (full or simplified selector paths)
Ready-to-copy pseudo-state blocks: :hover, :focus, :active
Automatic extraction of all CSS variables used by the selected element
Copy-to-clipboard buttons with instant visual feedback
Lightweight and unobtrusive—runs only for authenticated admins
Never loads for visitors or on the WordPress dashboard
<h4>Installation</h4>
Download codingbunny-css-inspector.zip
Unzip the file
Upload the codingbunny-css-inspector folder to /wp-content/plugins/
Activate CodingBunny CSS Inspector from the Plugins screen
<h3>Usage</h3>
Click “CSS Inspector” in the WordPress admin bar (frontend only)
Hover any element to preview its CSS in the sidebar
Click to lock the selection; press ESC to unlock or click ✕ to close
Toggle between full or compact selector paths
Use the copy buttons to instantly copy selectors and CSS blocks (with green confirmation)

CodingBunny CSS Inspector

Inspect and copy the CSS of your site’s elements directly from the frontend—fast, simple, and DevTools-inspired.

JSM Show Post Metadata vs CodingBunny CSS Inspector