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

更新于 2022年1月19日 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( 'classic', __( 'Classic' ), admin_url( "css/colors-classic.css" ), array(
'#07273E', '#14568A', '#D54E21', '#2683AE'
) );

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

第一步,在当前主题中新建名称为css文件夹,复制一份wordpresswp-admincsscolors目录任意文件夹中的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隐藏一些不需要的功能等。

添加后的效果:

a2a927709dd7b2a380ca09e287f7f30.png

你可能还喜欢下面这些文章

wordpress自定义url路由于自定义载入模板wordpress自定义url路由于自定义载入模板

摘要:WordPress通过强大的hook允许自定义路由,修改数据库中的rewrite_rules来实现。在主题或插件激活时设置路由规则,但需注意用户后台修改固定链接会覆盖设置。需使用query_vars过滤器来扩展查询变量,通过templa

如果文件夹不存在,则创建一个文件夹如果文件夹不存在,则创建一个文件夹

//developer.wordpress.org/reference/functions/wp_mkdir_p/。它返回上传目录路径并创建一个文件夹(如果尚不存在)。

B2缩略图修改B2缩略图修改

主题。Modules/Common/Post.php。467。行修改之后。

WordPress 敏感词违禁词屏蔽插件 WPWJC 介绍与下载WordPress 敏感词违禁词屏蔽插件 WPWJC 介绍与下载

这款插件的核心功能就是一点:找出文章中的违禁词、敏感词等措辞不当的词语,替换成你设置的更合适的词或者直接替换“*”号。请注意,需要同时下载站长工具箱和违禁词屏蔽插件,安装插件时也需要两个插件同时安装。

WordPress 教程适用人群学习前提WordPress 教程适用人群学习前提

手册简介WordPress教程精选建站过程当中的常见问题进行解析,教你手把手建立一个手册说明WordPress是一个开源的内容管理系统(CMS),允许用户构建动态网站和博客。

Wordpress如何修改发送邮件的默认邮箱Wordpress如何修改发送邮件的默认邮箱

WordPress安装完成之后默认会自动创建一个系统邮箱地址和一个发件人,邮箱地址是。yourblogname.com,发件人名称仍然是WordPress,实在很让收件人感到迷惘,因为WordPress。

wordpress数据库账号密码忘了如何修改密码wordpress数据库账号密码忘了如何修改密码

5.看到如图所示内容,分别为用户名和用户密码(MD5),密码为不可逆的MD5加密。7.回到数据库密码表上来,将转换好的MD5码粘贴到如图所示位置上,自动保存,密码修改成功8.用户名修改:同样跟上一步是一样的,不过不需要转换。

wp-admin 显示空白页,如何解决?wp-admin 显示空白页,如何解决?

但是专业人士会告诉你,你需要得到一个彼得您的所有问题现在都已解决,只需按照以下说明操作:转到您的主题然后取消激活您当前的主题,只需在主题名称的第一个字母中输入“x”即可。