额外增加管理界面配色方案
  • 3年前
  • 额外增加管理界面配色方案626
  • 如何修改管理界面配色方案我相信每个站长应该都是明白的,这种配色方案通过下面截图的路径直接可以进行修改,而且每个用户都可以自定义的,当然,本站禁止用户进入后台,那么就不用考虑这个问题了,如果你的站点可以让用户进入后台,这个功能可能就会有用了。

    虽然提供了较多的配色方案,但是每个人的喜好不一样,而本文就可以根据你自己的喜好来进行添加额外的配色方案,请继续往下看。

    生成配色方案

    想要配置一个额外的方案,我们需要的内容非常简单,就是CSS样式表配合PHP代码,让样式表在后台加载成功即可,而这一切,都可以通过下面这个站点来完成: https://wpadmincolors.com/

    站点方面是专门为了解决后台配色方案而创建的,下面是站点界面截图:

    默认情况就是上面两张图片,同时,你可以进行配置:

    配置完毕之后点击Generate Color Scheme按钮即可生成如下界面:

    没错,代码方面提供了PHP代码和相关的CSS代码,至于如何使用呢,请继续查看。

    引入相关代码

    首先下载CSS文件,这就不用说了吧,上图中的1右上角有一个download,点击按钮即可下载,下载完毕之后,我们将文件保存到你的主题根目录下:

    之后将相关的PHP代码复制到你主题下面的functions.php文件里面:

    之后保存文件即可。如果操作中不存在任何问题,你将在个人资料里面看到如下的界面:

    可以看到我们自己创建的配色方案已经生效了,点击选择之后颜色各方面都是符合自己的设定,没有任何错位等等问题:

    请不要在意颜色配色的问题,只要功能生效了,证明目的可以达到了,你学会了么?

    额外内容

    虽然我们知道怎么做了,但是我们并不知道原理是什么,通过PHP代码,我们可以了解到使用的是一个钩子,加载在admin_init上,同时通过函数:wp_admin_css_color()加载配置,对于这个函数,官方声明如下: [wp url="https://developer.wordpress.org/reference/functions/wp_admin_css_color/" unique_number="wp_17822dfb11c8425eb6b821a6172fc08d"]

    通过函数说明我们基本了解到了,这个函数才是整个功能的核心,同时,我们也可以修改SVG图标方面的颜色,但是本文章没有用到相关代码,如果你需要的话,可以考虑使用。

  • 联系我们
  • 有任何疑问欢迎联系我们
  • WP新手学园
  • 额外增加管理界面配色方案
  • 邮箱:2830776172#qq.com(#换成@)
  • 回复时间:9:00-19:00
  • 如果提问.请图文并茂,详细描述问题
  • 额外增加管理界面配色方案
  • 微信号:wpxsxy_official
  • 仅支持付费解决问题
  • *并非所有问题都会被回复
  • 额外增加管理界面配色方案
  • QQ:2830776172
  • 回复时间:9:00-19:00
  • QQ仅支持付费提问,时间有限,尽情谅解
  • 额外增加管理界面配色方案
  • QQ群:198768181
  • 有问题可以进去提问,寻求群友帮助
  • *并非所有问题都会被回复
  • 额外增加管理界面配色方案
  • 咸鱼:WP新手学园
  • 如果对于直接交易不放心,可以走闲鱼
  • *咸鱼价格不作为最终交易价格
  • 备案号:鄂ICP备2021011647号-1