WordPrss是用wp_tag_cloud函数来调用文章标签的显示边栏小工具标签云列表，默认标签是有自带颜色的，网上也有很多教程改变每个自带标签的颜色。
那如何来给标签加上不同背景色？而不只是改变标签本身的颜色，效果如下图（或看我网站的标签云）：
实现方法：
1、下载支持php语言的文本小工具插件Enhanced Txet；安装后，在外观–小工具，添加Enhanced Txet小工具，并在里面添加下面php代码：
- <aside class=“tags”>
- <?php wp_tag_cloud (‘smallest=14&largest=14&unit=px&number=30&orderby=count&order=DESC’); ?>
- </aside>
注释：smallest是最小字体，largest是最大字体，unit是字体大小的单位，number是显示的标签总数量，orderby=count是以话题最多到最少的顺序排列，order=DESC降序排列
2、编辑主题的样式表 (style.css)，在最下面加上以下代码：
- .tags{}
- .tags a:nth-child(12n){background-color: #4A4A4A;}
- .tags a:nth-child(12n+1){background-color: #428BCA;}
- .tags a:nth-child(12n+2){background-color: #5CB85C;}
- .tags a:nth-child(12n+3){background-color: #D9534F;}
- .tags a:nth-child(12n+4){background-color: #567E95;}
- .tags a:nth-child(12n+5){background-color: #FEC42D;}
- .tags a:nth-child(12n+6){background-color: #B433FF;}
- .tags a:nth-child(12n+7){background-color: #6E8B3D;}
- .tags a:nth-child(12n+8){background-color: #00ABA9;}
- .tags a:nth-child(12n+9){background-color: #969696;}
- .tags a:nth-child(12n+10){background-color: #B37333;}
- .tags a:nth-child(12n+11){background-color: #FF6600;}
- .tags a{opacity: 0.80;filter:alpha(opacity=80);color: #fff;font-size: 14px;background-color: #428BCA;display: inline–block;margin: 0 5px 4px 0;padding: 3px 6px;border-radius: 2px;}
- .tags a:hover{opacity: 1;filter:alpha(opacity=100); color: #fff;}
加群入久伴博客官方微信群
加入久伴官方微信群有啥优势？
1.文章内部资源由于时间久远可能失效，加群,群内可以第一时间反馈
2.网站中教程不一定适用任何人，加群可以第一时间咨询并解决您得疑惑
3.你游荡于互联网，也需要群体，加群一起互动交流，畅所欲言
扫描下方二维码即可加入交流讨论
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
