在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;
}

效果如下:

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

原文链接:https://www.tghello.com/1556.html,转载请注明出处。

3
版权免责声明

① 本站所有源码(WP主题或插件)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有源码,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有WP版本、不保证兼容您安装的其他源码。
④ 本站保证所有源码(WP主题或插件)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的源码对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该源码(WP主题或插件)需要用户有一定代码基础知识!另本站提供插件汉化使用教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站源码售价只是赞助,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应源码页面下留言,我们会尽快修复下载地址。

评论0

请先

没有账号? 注册  忘记密码?

社交账号快速登录