wordpress实现彩色标签云列表单独页面tags
1、建立页面模板
在当前主题目录下新建一个php文件,命名为page-tags.php,然后将page.php中的所有代码复制到page-tags.php中。
删除page-tags.php开头的所有注释,即 /* 与 */ ,以及它们之间的所有内容。
将第一个 < ?php 改成:
1 2 3 4 | < ?php /* Template Name: 标签页面模板 */ |
将 the_content(); 改成以下代码:
1 2 3 4 5 6 7 8 9 10 | $html = "<ul class='post_tags'>"; foreach (get_tags() as $tag){ $color = dechex(rand(0,16777215)); $tag_link = get_tag_link($tag->term_id); $html .= "<li><a href='{$tag_link}' title='{$tag->name} Tag' style='color:#{$color}'>"; $html .= "{$tag->name} ({$tag->count})</a></li>"; } $html .= "</ul>"; echo $html; |
记得以UTF-8编码保存。
2、添加新页面
进入WordPress管理后台 – 页面 – 创建页面,标题为标签云(可以自己起名),内容不要填,右侧可以选择模板,选择 “标签页面模板 ”即可
3、CSS样式
以下是CSS样式,仅供参考,根据自己的情况自行调整:
1 2 3 4 5 6 | .post_tags li { display:block; list-style:none; background:none; float:left; font-weight: bolder;} |
具体效果可以看我的博客页面:www.aimks.com/tags
关于js中的“Uncaught SyntaxError: Unexpected token [”错误解决 技术宅用百度首页来表白的技巧
[…] wordpress实现彩色标签云列表单独页面tags […]