如何为WordPress后台管理界面添加新的配色

redmaomail 2024-07-24 23:02 阅读数 147 #wordpress

下面由wordpress/" target="_blank">wordpress教程栏目给大家介绍为wordpress后台管理界面添加新的配色的方法，希望对需要的朋友有所帮助！

从WordPress 3.8版开始，后台管理界面采用流行的扁平化UI设计，后台--用户--我的个人资料页面，默认提供了八种管理界面配色方案供用户选择，但选来选去总是觉得不符合自己的心意，万能的WordPress也考虑到了这点，已为我们预设了添加自定义配色的函数。

该函数位于/wp-includes/general-template.php文件第3839行：

Allows a plugin to register a new admin colour scheme. For example:
wp_admin_css_color( &#39;classic&#39;, __( &#39;Classic&#39; ), admin_url( "css/colors-classic.css" ), array(
&#39;#07273E&#39;, &#39;#14568A&#39;, &#39;#D54E21&#39;, &#39;#2683AE&#39;
) );

登录后复制

有了现成的函数下面就好办了。

第一步，在当前主题中新建名称为css文件夹，复制一份wordpress\wp-admin\css\colors目录任意文件夹中的colors.css到这个css文件夹中。

第二步，将下面的代码添加到当前主题functions.php中：

// 添加后台配色
wp_admin_css_color( 
 &#39;my_css&#39;, __( &#39;新的配色&#39; ), // 文字可以修改
 get_template_directory_uri() . &#39;/css/colors.css&#39;, 
array( &#39;#21252e&#39;, &#39;#2f3541&#39;, &#39;#3078ab&#39;, &#39;#3690cf&#39; ),
array( &#39;base&#39; => &#39;#e5f8ff&#39;, &#39;focus&#39; => &#39;#fff&#39;, &#39;current&#39; => &#39;#fff&#39; )
);

登录后复制

第三步，修改colors.css中的颜色值，为你喜欢的即可。

需要注意的是，在修改样式过程中，要随时清空浏览器缓存才能看到修改的效果。

以此类推，可以添加多个自定义配色方案。

利用上面的方法理论上可以修改后台任意样式，包括通过display: none隐藏一些不需要的功能等。

添加后的效果：