明凯博客

关注网站技术,一个特立独行的程序员

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

tags

, , ,

相关文章

1 条评论 “wordpress实现彩色标签云列表单独页面tags

发表评论

电子邮件地址不会被公开。 必填项已用*标注