WP Dev Flag
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 s
About this tool.
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.
Screenshots & previews.
Getting started.
From your WordPress dashboard
- 01Visit ‘Plugins > Add New’
- 02Search for ‘WP Dev Flag’
- 03Activate ‘WP Dev Flag’ from your Plugins page.
- 04Visit ‘WP Dev Flag Options’ in the ‘Plugins’ submenu to access the settings.
From WordPress.org
- 05Download ‘WP Dev Flag’.
- 06Upload the ‘wp-dev-flag’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
- 07Activate ‘WP Dev Flag’ from your Plugins page.
- 08Visit ‘WP Dev Flag Options’ in the ‘Plugins’ submenu to access the settings.
Frequently asked questions.
Can I create my own CSS for the badge?
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.
