WordPress子比主题实现网站标签随机颜色美化

前言

“最近看到别的博客标签很漂亮,看到自己的标签不太漂亮”,好吧,最近无聊网上收集然后修改了下自己网站标签的样式,修改成了随机颜色的样子

效果图

以wordpress主题为例,以下css代码,放入主题css文件内即可,可根据自己的需求调整颜色等

开始教程

虽然这里说是实现网站标签随机颜色,但是其实你可以将代码略作调整适用于任何你想随机改变颜色的地方。具体 JavaScript 代码如下:

代码原理很简单,通过 randomfloor 获取一个随机数,然后从数组里面的颜色值中选择相应的颜色,这里我设置了 12 个随机颜色,当然你也可以自行添加更多颜色,修改一下参数即可。.widget_ui_tags .items a 是我目前所使用的主题标签侧边栏所对应的样式名,下面会给出具体样式,你可以直接将其改成自己的样式名。opacity 设置透明度,这里我设置的是 0.6 ,其他的就没什么了,还是祭出我目前所使用的样式吧。

基本上是根据我现有主题样式文件改的,!important 不能丢哦,直接复制上面代码放到子比主题设置自定义代码中。

温馨提示:本文最后更新于2020-11-25 00:09:16,某些文章具有时效性,若有错误或已失效,请在下方留言或联系六速博主

请协助本站百度一下优化

© 版权声明
THE END
喜欢就支持一下吧
点赞105赞赏
分享
脑洞吐槽 共2条

请登录后发表评论