WordPress轻松建立文章存档页面

Ludou
人气: 2,357 我要评论( 34 ) 我要投稿
文章目录

     可能你会问，什么是文章存档页面，有什么用？开始之前，我们先来感性认识一下什么是存档页面，请点击查看本站的 Sitemap。你可以看到这个存档页面列出我博客上所有文章和所有的页面，一个方面如果读者想一下子看到本站的文章，那么到此页面来看就轻松多了；另外据说对SEO有帮助，目前我还没有证实。最后，你可能已经意识到，原来网站根目录下不是有个sitemap.xml了吗？为什么还要创建这样的存档页面呢？其实sitemap.xml是给搜索引擎蜘蛛看，而这个存档页面是弄给人看的。下面我来讲讲如何创建这页面，感兴趣的可以看看。

方法一：SQL读取数据库

     方法一展示的存档页面效果就是本站的Sitemap效果，其实就是创建一个自定义的页面模板，操作起来也很简单，不需要你懂太多的编程技术，唯一要配置的就是修改sitemap.xml的链接。方法一的优点是，我使用的是SQL直接从数据库中读取数据，而且只进行两次数据库连接，避免了使用WordPress内置函数，速度相对来说会快那么一点点；缺点是，你要复制的代码相对来说长点。下面看看具体步骤：

1、在当前主题目录下新建一个php文件，命名为sitemap.php，然后将page.php中的所有代码复制到sitemap.php中
2、删除sitemap.php开头的所有注释，即 /* 与 */ ，以及它们之间的所有内容
3、将第一个 <?php 改成

1
2
3
4
5
6
7
<?php
/*
 * Template Name: sitemap
 * @author: Ludou  
 * @Email : zhouzb889@gmail.com
 * @Blog  : http://www.ludou.org/
 */

4、将 <?php the_content(); ?> 改成：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<div class="myArchive">
    <ul>
    <?php
    /**
     * WordPress分类存档页面
     * 作者：露兜
     * 博客：http://www.ludou.org/
     * 最后修改：2010年11月12日
     */

    $categoryPosts = $wpdb->get_results("
    SELECT post_title, ID, {$wpdb->prefix}terms.term_id AS catID, {$wpdb->prefix}terms.name AS categoryname
    FROM {$wpdb->prefix}posts, {$wpdb->prefix}term_relationships, {$wpdb->prefix}term_taxonomy, {$wpdb->prefix}terms
    WHERE {$wpdb->prefix}posts.ID = {$wpdb->prefix}term_relationships.object_id
    AND {$wpdb->prefix}terms.term_id = {$wpdb->prefix}term_taxonomy.term_id
    AND {$wpdb->prefix}term_taxonomy.term_taxonomy_id = {$wpdb->prefix}term_relationships.term_taxonomy_id
    AND {$wpdb->prefix}term_taxonomy.taxonomy = 'category'
    AND {$wpdb->prefix}posts.post_status = 'publish'
    AND {$wpdb->prefix}posts.post_type = 'post'
    ORDER BY {$wpdb->prefix}terms.term_id");

    $postID = 0;
    if ( $categoryPosts ) :
            $categoryID = $categoryPosts[0]->catID;
            foreach ($categoryPosts as $key => $mypost) :
                if($categoryID == $mypost->catID) {
                    if($postID == 0) {
                        echo '<li><strong>分类:</strong> <a title="'.$mypost->categoryname.'" href="'.get_category_link($mypost->catID).'">'.$mypost->categoryname."</a>\n";
                        echo '<ul>';
                    }
    ?>
        <li><a title="<?php echo $mypost->post_title; ?>" href="<?php echo get_permalink($mypost->ID); ?>"><?php echo $mypost->post_title; ?></a></li>
    <?php
                    $categoryID = $mypost->catID;
                    $postID++;
                }
                else {
                    echo "</ul>\n</li>";
                    $categoryID = $mypost->catID;
                    $postID = 0;
                }
            endforeach;
    endif;
    echo "</ul>\n</li>";
    ?>

        <li><strong>页面</strong>
            <ul>
            <?php
                // 读取所有页面
                $mypages = $wpdb->get_results("
                        SELECT post_title, post_name, ID
                        FROM {$wpdb->prefix}posts
                        WHERE post_status = 'publish'
                        AND post_type = 'page'");

                if ( $mypages ) :
                    foreach ($mypages as $mypage) :
            ?>
        <li><a title="<?php echo $mypage->post_title; ?>" href="<?php echo get_permalink( $mypage->ID ); ?>"><?php echo $mypage->post_title; ?></a></li>
        <?php endforeach; echo "</ul>\n</li>"; endif; ?>
    </ul>
    <p><a href="http://www.ludou.org/sitemap.xml">查看 sitemap.xml</a></p>
</div>

     最后将最后第二行的 http://www.ludou.org/sitemap.xml 改成你自己的 sitemap.xml 链接就可以了，修改完之后记得用UTF-8编码保存，否则中文可能会乱码。上面的代码直接用到你的WordPress站点中理论上讲是没多大问题，但是可能在美观程度上会有一定的问题，你可以根据个人能力用CSS稍微修饰一下就可以了，另外我这里提供了一个CSS的范例，你可以参考，复制到主题目录下的style.css中，可能会达到本站sitemap的样式效果：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
.myArchive {
    line-height:18px;
    margin:1.5em 0;
    color:#555555;
    font-size:14px;
}
.myArchive h2 {
    font-size:16px;
    margin:0 0 10px;
    font-weight:bold;
}
.myArchive ul {
    line-height:21px;
    padding:0 0 0 2em;
}
.myArchive ul li {
    background:none;
    list-style-type:disc;
    margin:0;
    padding-left:10px;
}
.myArchive a {
    color:#2970A6;
    outline:medium none;
    text-decoration:none;
}
.myArchive a:hover {
    text-decoration:underline;
}
.myArchive ul li ul {
    margin:10px 0;
}
.myArchive ul li ul li {
    list-style-type:circle;
}

5、进入WordPress管理后台 – 页面 – 创建页面，标题为文章存档（可以自己起名），内容不要填，右侧可以选择模板，选择 sitemap 即可
6、文章存档页就创建成功了。

方法二：使用wp_get_archives函数

     方法二的操作也很简单，代码量更少，不过这里只是纯粹地列出所有的文章，并不会像方法一那样按分类来列出文章，略显单调，不过如果嫌方法一麻烦的话可以试试。下面是具体操作方法：

1~3步跟方法一是一样的，第4步：
将 the_content(); 改成以下代码就可以了：

1
2
3
echo '<ul>';
wp_get_archives('type=postbypost&show_post_count=1');
echo '</ul>';

5~6步也跟方法一一样。

方法三：使用插件

     关于WordPress存档页面的插件由很多，感兴趣的话，请自行搜索，这里就不仔细介绍。

订阅 分享 回复

本文版权归露兜博客所有，转载引用请完整注明以下信息：
本文作者：Ludou
本文标题：WordPress轻松建立文章存档页面
本文地址：http://www.ludou.org/make-archives-of-wordpress-easily.html

Ludou

露兜博客博主，男生，业余Web程序员，儒家思想受益者。文采不佳，不喜欢聚光灯，不喜欢吹牛，不喜欢无序的做事方式。闲时喜欢写些代码自娱自乐，并在博客中分享一些个人技术经验。

标签: ,

34 条评论

我来说两句
  1. Baider
    2010年11月12日 18:55

    这个学习了。

    回复
  2. wist
    2010年11月13日 13:23

    博主,图片不能并排是什么原因?
    我在WP里看效果明明可以了,但发出来又会是一张一行.

    回复
  3. 小杰博客
    2010年11月13日 23:07

    为了生成站点地图，用了两个插件，分别针对谷歌和百度做了站点地图，看来我可以卸载这俩插件了，呵呵。。。

    回复
    • Ludou
      2010年11月14日 10:07

      那个baidu sitemap插件可以卸载了，基本上就是为了给作者赚外链的。

      但是Google的那个插件请不要卸载，因为它是生成sitemap.xml站点地图的插件，这个是专门弄给搜索引擎看的，有了sitemap.xml，搜索引擎收录会更方便。而本文介绍的站点地图是弄给我们人看的，跟搜索引擎的是两码事。

      回复
  4. 弈仙象棋
    2010年11月15日 00:35

    又是一篇优秀实用的文章，过两天把它弄到自己的网站上去，不过有二级目录的话应该不影响效果吧？

    回复
    • Ludou
      2010年11月15日 10:52

      如果一级分类和二级分类都有相同的一篇文章，那么这篇文章将会分别显示在两个分类下。

      这个存档页是做给读者看，如果读者没有意见的话就不会有什么问题。

      回复
  5. 晓潘博客
    2010年11月16日 14:21

    反正怎么都是查询数据库了 而且归档页面插件也不怎么耗费资源 所以…就不改咯！嘿嘿

    回复
  6. kenneth
    2010年12月4日 20:02

    嗯，这个比起我的那个没有分类的列表要好。

    回复
  7. kenneth
    2010年12月4日 20:07

    请问一下：
    1、方法一对于多层级分类会不会出错？
    2、如何把站内搜索框放到这个页面呢？也就是说，该怎么写代码。
    谢谢。

    回复
  8. gutian
    2010年12月13日 15:31

    我用的是第一种方法，用你的css范例，但出现的情况不怎么样，我的网站www.gtian.tk

    回复
  9. 小杰博客
    2010年12月17日 11:19

    我感觉这个存档页面弄成cms那样的，分块显示各个分类的文章列表。也可以去掉边栏，那样是不是更好呢？如果再结合上标签和搜索功能，也许会更好吧，不知道露兜对我的意见是什么看法呢？

    回复
    • Ludou
      2010年12月17日 12:00

      本文是给大众看的，不可能像你说的那么面面俱到。要想分块显示分类需要编写相应的CSS代码，但是不同网站所使用的CSS不一样，布局不一样，不可能做到一份css规则就能应用到所有的站点。

      如果想个性化，可以针对自己的网站编写CSS。

      回复
  10. 午夜客
    2011年1月7日 09:05

    怎么在导航栏不显示这个页面的链接呢？

    Sitemap

    回复
  11. Yophee
    2011年1月24日 09:27

    我换用了几个plugin，还是这段代码好，谢谢啦

    回复
  12. myan
    2011年3月26日 22:22

    找到答案了。就用WP插件。谢谢博主。

    回复
  13. 9633a
    2011年3月29日 21:48

    我现在也是使用插件来完成

    回复
  14. barrett
    2011年5月10日 20:05

    对于TwentyTen这个Wordpress默认主题又该如何做呢？它的page.php中没有<?php the_content(); ?> 会不会是loop-page.php？谢谢

    回复
  15. barrett
    2011年5月10日 20:35

    应该是loop-page.php，但是文章存档页面效果不怎么样，我的网址：http://howtolive.tk/%e6%96%87%e7%ab%a0%e5%88%97%e8%a1%a8/

    回复
  16. 雨丸
    2011年5月19日 11:20

    学习了！！！！谢谢

    回复
  17. 幸福每一天
    2011年5月26日 20:59

    有没有用标签生成的 像异次元那样的存档页

    回复
  18. flymy
    2012年2月19日 19:41

    关于这个页面生成之后，排序是如何安排的？
    分类的排序可能按后台博主设好的。但是文章的排序呢？能否让它按时间排序？

    回复

发表评论

订阅评论