自定义WordPress后台样式风格

WordPress提供8种后台配色方案,也可通过插件扩展。用户可通过自定义CSS文件或直接添加代码修改后台样式,如调整颜色、隐藏特定元素。此外,可禁用用户更改配色方案的选项,实现个性化后台管理界面。

WordPress基础教程
阅读时间: 9 分钟
最后更新时间:2025年11月13日

WordPress默认为用户提供了8套后台配色方案,还可以安装 Admin Color Schemes 插件,添加更多的配色方案。

如果你有一定的动手能力,认为提供的配色及样式不符合你的审美,可以通过下面的方法 ,在后台引入一个自定义的样式表,通过这个样式表可将WP后台修改成你喜欢的任意颜色风格。

将下面的代码添加到主题functions.php文件中:

add_action('admin_head', 'admin_style');
function admin_mycss() {
    wp_enqueue_style( "admin-my", get_template_directory_uri() . "/admin-my.css" );
}
add_action('admin_head', 'admin_mycss');

并在当前主题目录新建一个admin-my.css样式文件。

将wordpress\wp-admin\css\colors\目录(系统配色样式文件存放位置)任意一个目录中的colors.css内容复制粘贴到admin-my.css中,然后根据自己的喜好修改样式属性即可。

如果只是少量修改后台样式,可以使用下面的方法将样式代码直接写在函数里,同样加到主题functions.php文件中

function admin_mycss() {
    echo'<style type="text/css">
    #wp-admin-bar-wp-logo, #menu-media {
        display: none;
    }
    </style>';
 }
add_action('admin_head', 'admin_mycss');

可以通过添加的自定义样式,隐藏不想显示的内容,比如上面代码是隐藏左上角LOGO和媒体库项。

另外,如果不想让用户随意改变配色,可以将下面的代码添加到主题functions.php文件中:

remove_action('admin_color_scheme_picker', 'admin_color_scheme_picker');

隐藏掉用户资料页面的管理界面配色方案这一项。

这篇文章有用吗?

点击星号为它评分!

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

在AI里面继续讨论:

曾凤祥

曾凤祥

WordPress技术负责人
小兽WordPress凭借15年的WordPress企业网站开发经验,坚持以“为企业而生的WordPress服务”为宗旨,累计为10万多家客户提供高品质WordPress建站服务,得到了客户的一致好评。我们一直用心对待每一个客户,我们坚信:“善待客户,将会成为终身客户”。小兽WordPress能坚持多年,是因为我们一直诚信。

相关文章

如何让线上业务更上一层楼

还没有WordPress网站

还没有WordPress网站

不管你从事什么行业,WordPress都会为你提供一个专业的主题模板。在WordPress市场上有成千上万的免费主题,适合很多中小企业。

查看所有模板
已经有WordPress网站

已经有WordPress网站

小兽WordPress诚邀你一起学习WordPress,愿与各方携手升级改善您的WordPress网站,一起交流网站加速,网站优化等问题。

马上交个朋友
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部