按照芒果首页现在的实现方式,随机彩色其实很容易。先来按照常理输出标签列表的代码:
<?php wp_tag_cloud(); ?>如果为标签添加背景色,就需要为每个标签元素设置 CSS 类来定义其样式。
首先,使用获取标签列表对象:
$tags = get_the_tags();然后,使用 foreach 函数遍历标签列表,循环输出标签名称和链接地址等信息,代码如下:
foreach($tags as $tag) echo '<a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a>'; ?>完整的随机背景颜色代码为:
<?php $tags = get_the_tags(); foreach($tags as $tag) echo '
<li class="tag-'.rand(1, 5).'"><a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a></li>'; ?>注意到其中的 rand(1, 5) 函数产生数字 1~5,则每一个标签的标记可以使用诸如 tag-1 的样式。
最后通过 CSS 定义 tag-1 至 tag-5 五个不同背景颜色的样式即可:
.tag-1{background:red;}
.tag-2{background:blue;}
...
.tag-5{background:green;}当然,如果你不想输出太多颜色限制,还有一个输出随机背景色的方法:
<?php echo '<li style="background:rgb(255,0,0);">芒果 - www.mangguo.org</li>'; ?>实现的方法其实是和第一种一致的,有兴趣可以尝试第二种。
出处:http://www.mangguo.org