WordPress侧边栏小工具彩色标签云

2026-02-25 0 676

标签云修改需要用到只有简单的CSS代码,我们先来看下效果图吧!

WordPress侧边栏小工具彩色标签云

步骤一:使用小工具

打开小工具找到侧边栏,点击进去之后点击添加小工具选择Zibll标签云,然后就是参数了,因为追求工整选择了固定宽度,标签数量也选择了24个(3的倍数随意就好)

WordPress侧边栏小工具彩色标签云

步骤二:CSS代码

加入到主题后台的自定义CSS样式里保存即可

 

/*文章随机彩色标签*/
.widget-tag-cloud.fixed-width .but:hover{opacity: 1;}.widget-tag-cloud.fixed-width .but{opacity: 0.6;line-height: 20px !important;padding: 4px 10px !important;font-size: 12px !important;}.widget-tag-cloud.fixed-width .but:nth-child(5n){background-color: #4A4A4A;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+3){background-color: #1ac756;color: #FFF}.widget-tag-cloud.fixed-width .but:nth-child(5n+4){background-color: #19B5FE;color: #FFF}

 

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

免费领取 子比美化 WordPress侧边栏小工具彩色标签云 https://www.mflq.com/71.html

相关文章

猜你喜欢
发表评论
1 条评论
2026年2月26日 下午4:01 回复

66666

官方客服团队

为您解决烦忧 - 24小时在线 专业服务