自定义WordPress后台样式风格

quality,Q 70

1638625250 20211204134050 61ab6fe249703

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

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

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

  1. add_action(‘admin_head’, ‘admin_style’);
  2. function admin_mycss() {
  3.     wp_enqueue_style( “admin-my”, get_template_directory_uri() . “/admin-my.css” );
  4. }
  5. add_action(‘admin_head’, ‘admin_mycss’);

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

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

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

  1. function admin_mycss() {
  2.     echo‘<style type=“text/css”>
  3.     #wp-admin-bar-wp-logo, #menu-media {
  4.         display: none;
  5.     }
  6.     </style>’;
  7.  }
  8. add_action(‘admin_head’, ‘admin_mycss’);

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

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

  1. remove_action(‘admin_color_scheme_picker’, ‘admin_color_scheme_picker’);

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

类似文章