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

免费领流量卡

流量卡包邮

本站同款主题

广告招租

给子比添加一款新的标签样式代码，鼠标移动到标签云上会实现文字和背景切换颜色并高亮显示，内置了七中颜色，分别是：红橙黄绿青蓝紫，我感觉比原来的好看，共计两款

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

步骤一：使用小工具

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

步骤二：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}

本文最后更新于2024-07-28 18:49:22，若文章内容或链接失效，请留言或 QQ群反馈！