自定义WordPress后台样式风格

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

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

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
avatar
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:10   其中:访客  9   博主:  1

    • avatar boke112导航 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 /桂林市 5

      这个看起来不错,不过后天而已,感觉也就那么一回事,没啥心思去折腾

      • avatar 嗯哌 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 联通漕河泾IDC机房 0

        我第一个来评论,在这里学到不少有用的知识,感谢!

        • avatar 飞越无限 来自天朝的朋友 谷歌浏览器 Windows 7 北京市昌平区 联通 2

          鸟哥,跟你举报个破解你Begin主题的,那无耻货还公开大方的在卖!!!

            • avatar 知更鸟 Admin 来自天朝的朋友 火狐浏览器 Windows 7 辽宁省 移动

              @飞越无限 它破解的应该是早期版本,我也应该感谢它到处帮我宣传主题

                • avatar 飞越无限 来自天朝的朋友 谷歌浏览器 Windows 7 北京市昌平区 联通 2

                  @知更鸟 鸟哥,你的Begin主题必须要有WordPress自带的主题吗,我的都删掉了,那怎么办!

                    • avatar boke112导航 来自天朝的朋友 谷歌浏览器 Windows 7 广西百色市 电信 5

                      @飞越无限 其实这个放上一个WordPress自带主题只是为了保险起见而已,防止Begin主题出错的时候能够自动切换到WordPress自带主题而已。

                • avatar 交通事故律师 来自天朝的朋友 搜狗浏览器 Windows XP 广东省广州市 电信 4

                  个性化的主题是需要花俏一点

                  • avatar 阿里书籍 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省南京市 电信 5

                    哈哈 这个很喜欢

                    • avatar 萨龙龙 来自天朝的朋友 谷歌浏览器 Windows 10 云南省昆明市 电信 4

                      这个后台自定义样式自开发主题就一直在用,现在都不打算用了,现在很多人都会把后台链接自定义。

                      • avatar 土工膜 来自天朝的朋友 谷歌浏览器 Windows 7 山东省德州市 电信 1

                        一直用织梦CMS,现在看鸟哥的文章很收益。慢慢学wordpress