菜单
189-0733-7671

自定义WordPress后台样式风格

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

曾凤祥
曾凤祥 技术总监
| | 4 分钟
自定义WordPress后台样式风格

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');

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

曾凤祥
曾凤祥 技术总监

WordPress 独立站开发领域 10+ 年实践经验,长期专注于外贸独立站搭建与 SEO 优化,累计服务企业客户数千家(含制造业、外贸企业、政府等行业)

不想自己折腾 SEO 和技术细节?

写博客是建立行业权威的第一步,但让文章真正带来询盘,需要专业的技术架构和 SEO 策略支撑。
把技术交给我们,你只管写好内容。

微信二维码

扫码添加微信

189-0733-7671

点击拨打

联系我们