不用插件,给你的wordpress添加一个”Tag”页面
今天,严重浪漫给自己的博客添加了一个”标签”页面。效果:https://www.bat69.com/tags 。一方面是为了自己找文章方便,另一方面,是为了搜索引擎优化(据说爬虫超喜欢Tag页面)。建立这个页面没有使用插件,详细方法:
将你现在使用的主题的的页面模板 page.php(位于:你的博客wp-content/themes/主题名称/ )复制一份到硬盘,命名为 tags.php。
用notepad++或EditPlus等工具编辑 tags.php 文件,在文件的顶部插入模板标记名称:
1 2 3 4 5 | <?php /* Template Name: Tags */ ?> |
这几句的意义就是定义一个模板文件,后面建立页面时可以调用这个模板。
找到页面内容调用(一般为:<?php the_content(); ?>),删除。
放入下面这句:
1 | <?php wp_tag_cloud('smallest=12&largest=32&unit=px&number=200');?> |
【特别注意:检查一下代码里的两个单引号,是不是英文半角的“’”,也就是不区分左右的单引号。
如果是区分左边右边的单引号“‘”和“′”,会造成整体失败。许多人创建页面失败,都是因为这个小问题。切记,一定要检查清楚。】
解说一下:
smallest= 最小字体
largest= 最大字体
number= 标签个数
把tags.php上传至当前主题的目录下。
然后点击后台->页面->添加新页面,页面标题为”标签”。页面内容为空就可以了。 最重要的一步,在“页面模块”里,多出了一个新选项,就是刚刚才建好的tags.php模板,选择它。把页面缩略名起名为”tags”。发布,好了,你的”标签”页面诞生了。
最后有一点小遗憾:标签页面在Firefox浏览器、谷歌浏览器下显示都正常,但是在IE 8.0下,行距过小,文字挤成一堆,看着很费劲。
参考自 3米免费资源部落 ,错误之处做了修改。
本文可以转载。转载请注明原作者:严重浪漫。以及附上本文的原始链接。


感觉这是tag页面的方法很好,我也给自己的博客网站添加一个这样的标签页面
不是很好看。要是能够将TAG分类就非常完美了。
我的标签页:
http://www.liuxuejing.com/tags
@严重浪漫
下面是我整页的代码:
<?php
/*
Template Name: Tags
*/
?>
<?php $pageside=istOption(‘pageside’);
if(istOption(‘pagenavnum’)==’default’){$pnavcalss=’navigation’;}else{$pnavcalss=’page-links’;}
get_header();
if($pageside){?>
<section id=”content”>
<section class=”postlist”>
<?php }else{?>
<section id=”content_post”>
<?php }
if(have_posts()){while(have_posts()):the_post();?>
<style type=”text/css”>
<!–
.entry a {
line-height: 1.2em;
}
–>
</style>
<article id=”post-<?php the_ID();?>” <?php post_class();?>>
<section class=”title”>
<h2><?php the_title();?></h2>
</section>
<section class=”entry”>
<?php wp_tag_cloud(‘smallest=12&largest=32&unit=px&number=200’);?>
</section>
<p class=”postmeta”><?php edit_post_link(‘Edit this entry.’,'[‘,’]’);?></p>
</article>
<?php comments_template(”,true);
endwhile;}
if($pageside){?>
</section>
<?php get_sidebar();?>
<section class=”clear”></section>
</section>
<?php }else{?>
</section>
<?php }
get_footer();?>
@留学
你好,感谢提供方法。
但是,我按照方法照做了,IE下tag页面还是文字挤在一起,行距改到2.8em也没有任何变化。
算了,反正在FF、chrome下都是正常的。
晕,代码贴不上
不让文字挤成一堆的方法:
在
<?php wp_tag_cloud(‘smallest=12&largest=32&unit=px&number=200’);?>
之前再加入如下代码:
<style type=”text/css”>
<!–
.entry a {line-height: 1.2em;}
–>
</style>
使用时请自行将全角的尖括号替换成半角的尖括号
PS:使用你的方法我在我的网站上加入了标签页,谢谢你。希望我的方法可以帮到大家。
不让文字挤成一堆的方法:
在
之前再加入如下代码:
PS:使用你的方法我在我的网站上加入了标签页,谢谢你。希望我的方法可以帮到大家。
我也去搞一个。
个人感觉没必要,把边栏加个标签云就行。
你说的也是,但是我真的不想把博客想改成三栏式的。
我是在侧栏调用的
页面就不尝试了。
话说博主的侧边栏是不是有些太长了点
简单易行哦 需要的话自己也搞个
支持下~