温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

为WordPress后台管理界面添加新配色的方法

发布时间:2020-08-17 14:37:17 来源:亿速云 阅读:190 作者:小新 栏目:建站服务器

小编给大家分享一下为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( 'classic', __( 'Classic' ), admin_url( "css/colors-classic.css" ), array(
'#07273E', '#14568A', '#D54E21', '#2683AE'
) );

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

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

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

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

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

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

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

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

添加后的效果:

为WordPress后台管理界面添加新配色的方法

以上是为WordPress后台管理界面添加新配色的方法的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI