wordpress seo:纯代码实现wordpress标签tag页面

每个wordpress网站或者说wordpress主题里都带有标签云函数,我们可以让标签云显示在网站的侧面来起到SEO或者引导的作用。但一般来说,按照侧边栏wordpress标签来进行文章搜索的访客很少,但如果我们只做一个单独的wordpress 标签tag页面,会对我们的wordpress seo起到更好的作用。下面简单介绍下wordpress标签页面的制作:

制作页面


1.找到wp-content/themes/你的主题/目录下的page.php文件,复制里面的所有代码,在同目录下新建一个tag-cloud.php页面,粘贴复制的代码;

2.为此tags.php页面命名,在<?php 之后添加注释:

1
2
3
/*
Template Name: wordpress标签云页面
*/

3.用文本编辑器打开tag-cloud.php,将其中的the_content改为wp_tag_cloud(wordpress自2.3版本之后采用wp_tag_cloud来调用标签列表)。

4.wordpress后台管理-页面-新建页面,模板选用wordpress标签云页面,创建成功。预览页面:点击预览

美化页面


查找tag-cloud.php页面中的wp_tag_cloud,将其改成以下代码来获取和此标签相关的文章数量:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/*
* 名称:WordPress标签页面制作
* 作者:暗淡的黑
* 博客:http://www.wenchenhk.com
* 制作时间:2013年11月23日15:35:08
*/


$html = '<ul class="post_tags">';
foreach (get_tags( array('number' => 50, 'orderby' => 'count', 'order' => 'DESC', 'hide_empty' => false) ) 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' class='{$tag->slug}' style='color:#{$color}'>";
        $html .= "{$tag->name} ({$tag->count})</a></li>";
}
$html .= '</ul>';
echo $html;

代码注释


1.get_tags( array()):调用标签,array()获取标签数组;

2.number' => 30:显示标签数量,可自行设置;

3.'orderby' => 'count':标签排序按照文章数量排序,可更改成"name"按照标签名称排序;

4. 'order' => 'DESC':标签按照数量降序排列,可更改成"ASC"按照降序排列;

5.'hide_empty' => false:不隐藏没有相关文章的标签,可改成"true"不显示文章数为0的标签;

6.dechex(rand(0,16777215)):为标签上色,即显示的标签云为随机取色;

wordpress彩色标签云预览

声明:本站除特别声明外,均为本站原创,转载请注明出处:暗淡的黑IT网络,谢谢!