不用插件,给你的wordpress添加一个”Tag”页面

今天,严重浪漫给自己的博客添加了一个”标签”页面。效果:http://www.6psp.cn/tags 。一方面是为了自己找文章方便,另一方面,是为了搜索引擎优化(据说爬虫超喜欢Tag页面)。建立这个页面没有使用插件,详细方法:

将你现在使用的主题的的页面模板 page.php(位于:你的博客wp-content/themes/主题名称/ )复制一份到硬盘,命名为 tags.php。

用notepad++或EditPlus等工具编辑 tags.php 文件,在文件的顶部插入模板标记名称:

<?php
/*
Template Name: Tags
*/
?>

这几句的意义就是定义一个模板文件,后面建立页面时可以调用这个模板。

找到页面内容调用(一般为:<?php the_content(); ?>),删除。放入下面这句:

<?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米免费资源部落 ,错误之处做了修改。



8,759 次阅读 | 发表评论 | Trackback
2010年8月21日 | 归档于 WordPress
标签: ,
  1. 2010年8月21日 11:22 | #1

    支持下~

  2. 2010年8月21日 16:18 | #2

    简单易行哦 需要的话自己也搞个

  3. 2010年8月21日 16:19 | #3

    话说博主的侧边栏是不是有些太长了点

  4. 2010年8月21日 17:38 | #4

    我是在侧栏调用的
    页面就不尝试了。

  5. 严重浪漫
    2010年8月21日 17:55 | #5

    ifenwen :

    话说博主的侧边栏是不是有些太长了点

    你说的也是,但是我真的不想把博客想改成三栏式的。

  6. 2010年8月21日 19:38 | #6

    个人感觉没必要,把边栏加个标签云就行。

  7. 2010年8月23日 22:54 | #7

    我也去搞一个。

  8. 2011年1月30日 11:59 | #8

    不让文字挤成一堆的方法:

    之前再加入如下代码:

    PS:使用你的方法我在我的网站上加入了标签页,谢谢你。希望我的方法可以帮到大家。

  9. 2011年1月30日 12:05 | #9

    晕,代码贴不上

    不让文字挤成一堆的方法:


    <?php wp_tag_cloud(‘smallest=12&largest=32&unit=px&number=200′);?>
    之前再加入如下代码:
    <style type=”text/css”>
    <!–
    .entry a {line-height: 1.2em;}
    –>
    </style>

    使用时请自行将全角的尖括号替换成半角的尖括号

    PS:使用你的方法我在我的网站上加入了标签页,谢谢你。希望我的方法可以帮到大家。

  10. 严重浪漫
    2011年1月30日 20:05 | #10

    @留学
    你好,感谢提供方法。
    但是,我按照方法照做了,IE下tag页面还是文字挤在一起,行距改到2.8em也没有任何变化。
    算了,反正在FF、chrome下都是正常的。

  11. 2011年2月9日 17:22 | #11

    @严重浪漫
    下面是我整页的代码:

    <?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();?>

  12. 2011年2月9日 17:23 | #12
  13. 2011年6月6日 11:31 | #13

    不是很好看。要是能够将TAG分类就非常完美了。

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
:lol: :( 8-O :oops: 8) :?: :!: :evil: more »