WP Dev Flag
Shows a floating badge on the front end, to visually distinguish your development site from production.
Plugin info
Maintenance & Compatibility
Maintenance score
Stale • Last updated 337 days ago • 3 reviews
Is WP Dev Flag abandoned?
Likely maintained (last update 337 days ago).
Compatibility
Languages
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
This plugin makes it easy to distinguish between your local development site, and your live site.
I created this because I often use a local duplicate of my live site, for development, with the same DB, and the same URL.
I needed a quick & easy way of distinguishing between my live and development sites at a glance. This plugin acheives that in the simplest way possible.
There are settings for colour, positioning and the text displayed on the badge. It is also possible to add a link onto the badge.
Installation
From your WordPress dashboard
- Visit ‘Plugins > Add New’
- Search for ‘WP Dev Flag’
- Activate ‘WP Dev Flag’ from your Plugins page.
- Visit ‘WP Dev Flag Options’ in the ‘Plugins’ submenu to access the settings.
From WordPress.org
- Download ‘WP Dev Flag’.
- Upload the ‘wp-dev-flag’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
- Activate ‘WP Dev Flag’ from your Plugins page.
- Visit ‘WP Dev Flag Options’ in the ‘Plugins’ submenu to access the settings.
Frequently Asked Questions
Currently, you can customise the colour, text and position of the badge. The ability to add a custom class is coming in the next release.
Feel free to just style .wp-dev-flag yourself though.
I will also explore additonal options such as custom fonts & href functionality.
No, it detects the current server environment and if it doesn’t match the environment that was set originally, the plugin will not display the badge. You can simply click update to set the new environment if required.
Yes, as of Version 1.3.0 you can add your own link and toggle it to open in a new tab.
Review feed
Changelog
v2.0.1
- Bug fixes & customiser error fix.
v2.0.0
- Full codebase rewrite. Remove code fluff, restructure code.
v1.3.1 – 23 May 21
- Bug fix: Add default option values to fix possible PHP notices.
v1.3.0 – 02 Jan 21
- Enhancement: Added a link options settings tab. This allows you to add a link and toggle it to open in a new tab.
v1.2.0 – 25 Jun 19
- Enhancement: Added a setting to toggle the badge on the front end. You now have control over the display of the badge on both front end and dashboard, independently.
v1.1.0 – 02 Jun 19
- Enhancement: Added the ability to show a badge in the admin dashboard. This will appear in the admin bar, to avoid obscuring any menu options.
v1.0.0
- First Version.



