renakdup/colorize-wp-adminpanel-for-environments

WordPress脚本,用于为不同的环境着色管理栏。开发人员、内容管理员和其他人永远不会混淆他们工作的环境。

1.0.2 2024-03-31 12:24 UTC

This package is auto-updated.

Last update: 2024-09-25 09:46:35 UTC


README

Total Downloads PHP Version Require Latest Stable Version License

混淆开发环境很容易,尤其是在截止日期压力下、同时处理多个项目或仅仅由于人为错误时。

解决此问题的有效方法之一是使用不同颜色视觉区分WordPress管理面板,根据开发环境。这种方法不仅可以提高开发人员的注意力水平,而且有助于更快、更直观地区分环境,减少出错的可能性。

development.png

阅读更多文章

安装

  1. 指定您的当前环境。
    在每种环境(本地、开发、qa、预发布、生产)中,您需要在wp-config.php中添加带有其值的WP_ENVIRONMENT_TYPE常量。
    选择必要的并添加到您的配置中
    define( 'WP_ENVIRONMENT_TYPE', 'local' );
    define( 'WP_ENVIRONMENT_TYPE', 'development' );
    define( 'WP_ENVIRONMENT_TYPE', 'staging' );
    define( 'WP_ENVIRONMENT_TYPE', 'production' );
  2. 通过Composer安装
    composer require renakdup/colorize-wp-adminpanel-for-environments

注意

如果您不使用Composer,请将此文件复制到此处/wp-content/mu-plugins/ https://gist.github.com/renakdup/36f4a8474d0cb13ecadf0393811d5330
! 不再需要额外的步骤。

  1. 添加文件 /wp-content/mu-plugins/colorize-adminpanel-for-environments.php
<?php

if ( ! class_exists( Renakdup\AdminpanelEnvColor\AdminpanelEnvColor::class ) ) {
	return;
}

Renakdup\AdminpanelEnvColor\AdminpanelEnvColor::init();

就这样!

功能

管理栏的右下角将显示当前环境
env.png

其他颜色

开发
env.png

预发布
env.png

生产
env.png

更改颜色

默认情况下,我们使用以下颜色

  • 生产:红色
  • 预发布:橙色
  • 开发:蓝色
  • 本地:默认黑色

您可以更改它,并添加您的新环境

add_filter( 'renakdup/adminpanel_env_color/colors', function ( $defaults ) {
	return array_merge( 
		$defaults, 
		[
			'local' => 'green',
			'custom-env' => '#CCC'
		]
	);
}, 10, 1 );