renakdup / colorize-wp-adminpanel-for-environments
WordPress script to colorize admin-bar for different environments. Developers, Content Managers, and others will never confuse the environment where they work.
Installs: 2 301
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 1
Requires
- php: >=7.3.0
Requires (Dev)
- ergebnis/composer-normalize: ^2.42
README
Confusing development environments is easy, especially when working under deadline pressure, on multiple projects simultaneously, or simply due to human error.
One effective way to solve this problem is by visually distinguishing the WordPress admin panel with different colors depending on the development environment. This approach not only increases the developers’ level of attentiveness but also facilitates faster and more intuitive differentiation between environments, reducing the likelihood of errors.
Installation
- Specify your current environment.
On each environment (local, development, qa, stage, production), you will need to add theWP_ENVIRONMENT_TYPE
constant with its value towp-config.php
.
Choose the necessary one and add it into your config:define( 'WP_ENVIRONMENT_TYPE', 'local' ); define( 'WP_ENVIRONMENT_TYPE', 'development' ); define( 'WP_ENVIRONMENT_TYPE', 'staging' ); define( 'WP_ENVIRONMENT_TYPE', 'production' );
- Install via Composer
composer require renakdup/colorize-wp-adminpanel-for-environments
Note
If you don't use Composer copy this file here /wp-content/mu-plugins/
https://gist.github.com/renakdup/36f4a8474d0cb13ecadf0393811d5330
! There are no need additional steps anymore.
- Add the file
/wp-content/mu-plugins/colorize-adminpanel-for-environments.php
<?php if ( ! class_exists( Renakdup\AdminpanelEnvColor\AdminpanelEnvColor::class ) ) { return; } Renakdup\AdminpanelEnvColor\AdminpanelEnvColor::init();
That's it!
Features
The right corner of admin-bar will be displayed current environment
Other colors
Development:
Staging:
Change colors
By the default we use next colors:
- production: red
- staging: orange
- development: blue
- local: default black
You can change it and add your new envs as well
add_filter( 'renakdup/adminpanel_env_color/colors', function ( $defaults ) { return array_merge( $defaults, [ 'local' => 'green', 'custom-env' => '#CCC' ] ); }, 10, 1 );