WordPress 修改标签随机颜色教程

更新于2017-11-11,如已失效请联系!
WordPress 2.3版本开始,使用 wp_tag_cloud 函数来调用文章标签显示列表,WP博主可以轻易地通过设置 wp_tag_cloud 函数的标签参数属性,使标签实现多样化显示。相信大家都见过各种各样色彩纷杂的标签云吧,但是我们以往都是做的标签字体颜色,今天给大家分享如何自定义标签的背景色。
如果我们想实现多彩WP标签云背景的话方法很多,js、css、php都可以实现,今天给你们分享怎么实现的吧。

展示效果

效果图如下,这篇文章的标签比较多,颜色都是随机的,看上去多样化:

样式代码

首先既然是修改样式,我们肯定是需要找到 CSS 的,确定的是你的主题全局调用的 .CSS 文件是什么,样式是Dux主题,Dux的css为 main.css 其他主题一般也都是这个,还有的是 style.css 一般都在主题的css文件夹里,在全局调用的css文件里添加以下代码:

然后我们打开标签输出的位置做修改,一般都是打开主题文件夹中名为 single.php 的文件:
查找tags
可以看到有一串以div开头的代码如下:

将它修改为下面的代码:

这里最后的修改方法是以Dux主题为模板修改的代码,其他主题修改class后面的article-tags为article-categories即可,css代码是通用的,就是修改个id即可,只要你找到了主题对于的id名即可直接修改。

相关文章

参与评论