WordPress 随机彩色标签的实现方法
在 WordPress 博客系统中,使用标签组织归类文章是极为有效的方式。为了给予用户强大的视觉冲击力,强调标签的重要性是 WordPress 主题设计的一个基本要素。芒果的 2.0 版本已经将之前类似 Delicious 风格的灰色标签列表改进为随机彩色。这个自我感觉还不错的效果之前也有读者询问过,现在做个 WordPress 随机彩色标签的实现方法的分享。 按照芒果首页现在的实现方式,随机彩色其实很容易。先来按照常理输出标签列表的代码: <?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 ' 最后通过 CSS 定义 tag-1 至 tag-5 五个不同背景颜色的样式即可: .tag-1{background:red;} <?php echo '<li style="background:rgb(255,0);">芒果 - www.mangguo.org</li>'; ?>实现的方法其实是和第一种一致的,有兴趣可以尝试第二种。 出处:http://www.mangguo.org (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |