在WordPress上添加一个彩虹管理栏

WordPress上将其管理栏从正常的黑色或蓝色更改为彩虹色。

将以下代码添加到当前主题函数模板functions.php 中:

<?php

/*
* 在WordPress上添加一个彩虹管理栏 - 糖果博客
* https://www.tghello.com/1556.html
*/

function rainbow_bar() {
?>
<style type="text/css">
#wpadminbar {
background: linear-gradient(
to bottom,
#e24c3e 0%,
#e24c3e 16.66667%,
#f47d3b 16.66667%,
#f47d3b 33.33333%,
#fdb813 33.33333%,
#fdb813 50%,
#74bb5d 50%,
#74bb5d 66.66667%,
#38a6d7 66.66667%,
#38a6d7 83.33333%,
#8c7ab8 83.33333%,
#8c7ab8 100% );
}

#wpadminbar,
#wpadminbar .quicklinks > ul > li {
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
}

#wpadminbar .ab-top-menu > li > a {
background-color: rgba( 50, 55, 60, .85 );
}
</style>
<?php
}
add_action( 'wp_before_admin_bar_render', 'rainbow_bar' );

将下面代码:

#wpadminbar .ab-top-menu > li > a {
background-color: rgba( 50, 55, 60, .85 );
}

更改为:

#wpadminbar .ab-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon,
#wpadminbar .ab-icon, #wpadminbar .ab-icon:before, #wpadminbar .ab-item:before, #wpadminbar .ab-item:after {
color: #000;
}

效果如下:

仅对已登录的用户显示(除非您使用某些代码始终显示管理栏)。

3
版权免责声明

① 本站所有源码均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所提供的是插件的简体中文汉化服务,购买后可以下载简体中文语言包,所下载的插件源码仅供测试学习之用。
③ 如果要在正式的网站上使用,建议购买官方的正版授权,以便获取插件官方的在线更新和售后服务。
④ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有WP版本、不保证兼容您安装的其他源码。
⑤ 本站保证所有源码的完整性,都不包含授权许可、后续升级、技术服务、扩展组件、帮助文档、XML文件等。
⑥ 使用该源码需要用户有一定代码基础知识!由本站提供的源码对您的网站或计算机造成严重后果的本站概不负责。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站源码售价只是赞助,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!另本站提供插件汉化使用教程,仅供参考。
⑩ 如果网盘地址失效,请在相应源码页面下留言,我们会尽快修复下载地址。

评论0

请先

请购买之前认真了解所购买的WordPress插件。本站所提供的是插件的简体中文汉化服务,购买后可以下载简体中文语言包,所下载的插件源码仅供测试学习之用。
没有账号? 注册  忘记密码?