自定义WordPress后台样式风格

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

文章作者:
阅读时间: 5 分钟
更新时间: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 独立站开发领域 10+ 年实践经验,长期专注于外贸独立站搭建与 SEO 优化,累计服务企业客户数百家(含制造业、外贸企业、政府等行业)

相关文章

无论你是否已有网站,我们都能帮你把线上业务推上新高度
无论什么行业,都能快速拥有专业网站:
无论什么行业,都能快速拥有专业网站:

展示型官网 / 品牌站 / 外贸独立站,均有成熟模板与定制方案
无需懂代码:可视化编辑+我们指导,轻松启动 → 快速上线,抢占先机​
结构清晰、利于SEO与后期运营,降低长期维护成本

立即查看建站方案
网站加载慢、跳出高、询盘少?
网站加载慢、跳出高、询盘少?

老旧体验与技术隐患会直接拖累获客与转化。
我们提供:网站全面诊断 → 速度/安全/结构优化 → 可持续运维支持(技术+策略),让网站真正成为您的业务增长工具,而不只是“线上门面”。

马上获取专属优化方案
微信联系
chat 扫码联系
模板建站
挑选模板
网站定制
免费诊断
咨询热线
咨询热线

189-0733-7671

返回顶部