Title: Abhinavdev Environment Badge Author: Abhinav Saxena Published: October 17, 2026 Last modified: October 17, 2026 --- Search plugins ![](https://ps.w.org/abhinavdev-environment-badge/assets/banner-772x250.png?rev= 3751899) ![](https://ps.w.org/abhinavdev-environment-badge/assets/icon-256x256.png?rev=3751899) # Abhinavdev Environment Badge By [Abhinav Saxena](https://profiles.wordpress.org/abhinavdev/) [Download](https://downloads.wordpress.org/plugin/abhinavdev-environment-badge.1.0.0.zip) * [Details](https://wordpress.org/plugins/abhinavdev-environment-badge/#description) * [Reviews](https://wordpress.org/plugins/abhinavdev-environment-badge/#reviews) * [Installation](https://wordpress.org/plugins/abhinavdev-environment-badge/#installation) * [Development](https://wordpress.org/plugins/abhinavdev-environment-badge/#developers) [Support](https://wordpress.org/support/plugin/abhinavdev-environment-badge/) ## Description **Abhinavdev Environment Badge** is a lightweight, zero-bloat utility plugin created for WordPress developers, agency teams, and site owners. Have you or your clients ever accidentally edited posts, deleted products, or updated theme options on a **Live Production** site believing you were safely working on a **Staging** or **Local** sandbox? This plugin eliminates that risk by injecting an unmistakable, color-coded visual indicator directly into the top WordPress Toolbar (Admin Bar) on both backend and frontend. ### Key Features * **Intelligent Environment Detection:** Automatically identifies your environment using native WordPress `wp_get_environment_type()`, `WP_ENVIRONMENT_TYPE` constants, or domain heuristics (`localhost`, `.test`, `.local`, `staging.*`). * **Manual Override & Custom Labels:** Need to specify a custom label like “Client UAT” or “Feature Branch”? Override detection with a single click. * **Custom Color Palettes:** Full control over background and text colors for each environment using native WordPress color pickers. * **Live Settings Preview:** See your badge update in real-time right inside the settings dashboard before saving. * **System Info Dropdown:** Hovering over the badge displays key diagnostic data: Active Environment, WordPress Version, PHP Version, and Host name. * **Position Controls:** Position the badge on the right or left of the admin bar. * **Frontend Visibility Option:** Choose whether logged-in administrators see the badge on the frontend or backend only. * **100% Native & Lightweight:** Zero third-party JavaScript libraries or external CDN dependencies. Clean CSS and native WordPress Settings API. ## Screenshots [⌊Admin Bar showing the bright environment badge and system info dropdown.⌉⌊Admin Bar showing the bright environment badge and system info dropdown.⌉[ Admin Bar showing the bright environment badge and system info dropdown. [⌊Settings dashboard featuring live preview and color pickers.⌉⌊Settings dashboard featuring live preview and color pickers.⌉[ Settings dashboard featuring live preview and color pickers. ## Installation 1. Upload the `abhinavdev-environment-badge` folder to your `/wp-content/plugins/` directory, or install the `.zip` file via **Plugins > Add New > Upload Plugin** in your WordPress admin dashboard. 2. Activate the plugin through the **Plugins** screen in WordPress. 3. Navigate to **Settings > Environment Badge** to customize your environment colors, labels, and display preferences. ## FAQ ### Does this plugin work with WordPress core’s WP_ENVIRONMENT_TYPE? Yes! If you define `define( 'WP_ENVIRONMENT_TYPE', 'staging' );` inside your `wp- config.php`, the plugin automatically recognizes it and applies the corresponding staging badge. ### Will site visitors see this badge? No. The badge is strictly rendered inside the WordPress Admin Bar for logged-in users who have administrative or post-editing privileges. Public visitors will never see it. ### Does this plugin affect site performance? Not at all. The plugin enqueues less than 2 KB of pure CSS and runs zero external requests or heavy database queries. ### Can I use custom colors? Yes. Under **Settings > Environment Badge**, you can use the color pickers to set any hex color for production, staging, development, local, or custom environments. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Abhinavdev Environment Badge” is open source software. The following people have contributed to this plugin. Contributors * [ Abhinav Saxena ](https://profiles.wordpress.org/abhinavdev/) * [ Abhinav.saxena ](https://profiles.wordpress.org/abhinavsaxena/) [Translate “Abhinavdev Environment Badge” into your language.](https://translate.wordpress.org/projects/wp-plugins/abhinavdev-environment-badge) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/abhinavdev-environment-badge/), check out the [SVN repository](https://plugins.svn.wordpress.org/abhinavdev-environment-badge/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/abhinavdev-environment-badge/) by [RSS](https://plugins.trac.wordpress.org/log/abhinavdev-environment-badge/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.0 * Initial public release. * Automatic environment detection via `wp_get_environment_type()` and host matching. * Live preview in settings dashboard. * Customizable color palettes and label text for all environments. * System information dropdown sub-nodes. * Fully compliant with WordPress.org security and coding standards. ## Meta * Version **1.0.0** * Last updated **1 day ago** * Active installations **Fewer than 10** * WordPress version ** 5.5 or higher ** * Tested up to **7.1.3** * PHP version ** 7.4 or higher ** * Tags * [admin bar](https://wordpress.org/plugins/tags/admin-bar/)[environment](https://wordpress.org/plugins/tags/environment/) [local development](https://wordpress.org/plugins/tags/local-development/)[staging](https://wordpress.org/plugins/tags/staging/) * [Advanced View](https://wordpress.org/plugins/abhinavdev-environment-badge/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/abhinavdev-environment-badge/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/abhinavdev-environment-badge/reviews/) ## Contributors * [ Abhinav Saxena ](https://profiles.wordpress.org/abhinavdev/) * [ Abhinav.saxena ](https://profiles.wordpress.org/abhinavsaxena/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/abhinavdev-environment-badge/)