2011年07月18日 112条评论

WordPress: 自定义页面输出所有文章列表 - 表格模式

这是一个国外朋友需要的蛋疼需求,其实这跟网站地图差不多,只是这个“输出所有文章列表”更简单 + 用表格“打印”出来而已。不需要考虑分类,只要按照日期倒序排列出来,另外加上倒序序号。

既然有需求就写出来吧,或许看懂中文的朋友也有这类需求,因为通常国人更蛋疼。

因为要倒序序号排列,所以这里需要先统计出所有文章(已发表并公开)的文章数量,然后递减输出。

我记得以前统计文章总数用的是 SQL 语句实现的,其实我们平时要尽量少用 SQL,除非 WP 官方木有提供封装好的函数。WP 2.5 开始,WP就提供了专门统计文章数量的函数:wp_count_posts(),具体用法围观 WordPress Codex : 传送门

下面说说具体实现方法和代码

1. Copy 一份所用主题的 page.php,改名为 page-allpost.php

2. 打开 page-allpost.php,找到类似下面这个文章内容输出函数

<?php the_content(); ?>

在其下面添加如下代码并保存

<div id="page-allpost">
     <table>
         <strong>All Post</strong>
         <tr>
             <td><strong>S.No</strong></td>
             <td><strong>Published Date</strong></td>
             <td><strong>Post Header</strong></td>
         </tr>
     <?php $count_posts = wp_count_posts(); $published_posts = $count_posts->publish;
     query_posts( 'posts_per_page=-1' );
     while ( have_posts() ) : the_post();
         echo '<tr>';
         echo '<td>'.$published_posts.'</td>';
         echo '<td width="120">';
         the_time(get_option( 'date_format' ));
         echo '</td><td><a href="';
         the_permalink();
         echo '" title="'.esc_attr( get_the_title() ).'">';
         the_title();
         echo '</a></td></tr>';
         $published_posts--;
     endwhile;
     wp_reset_query(); ?>
     </table>
 </div>

3. 新建一个页面,别名(slug)为 allpost

4. 木了,搞定了。(PS:可以用 page-allpost 这个 id 定义表格样式)

竟然忘了上传效果图:重上如下

zww
or
oooo

“WordPress: 自定义页面输出所有文章列表 - 表格模式”有112条评论

  1. 晨光 says:

    这个挺不错的

  2. 也可以用来做地图的说。
    这个。。 无图版?
    鸡肋?~~

    1. zwwooooo says:

      @刘印博客
      按需折腾修改

  3. 小王子 says:

    蛋疼的需求,博客细节真的没的说啊,羡慕啊流口水啊,表做这么完美好不好。

    1. zwwooooo says:

      @小王子
      这个……表我用的是主题默认的样式,哈

  4. Dianso says:

    哇,翻页是AJAX效果很不错 :mrgreen:

    1. zwwooooo says:

      @Dianso
      你指评论分页?分类、标签那些我去掉了

  5. 郑永 says:

    前几天pr更新,你的降为5,呵呵,我的很多内页都降级了。

    1. zwwooooo says:

      @郑永
      哈哈,又降了,无所谓了

  6. JaCall says:

    都是 WordPress高手啊!

  7. jamie says:

    :mrgreen: 这个蛋疼的需求我也正需要....学习学习~~

    1. jamie says:

      @jamie
      不过不知道可不可以让他只显示最近7天的文章.那样就更符合我的需求了.

    2. zwwooooo says:

      @jamie
      可以,加个日期判断就行了

  8. 无冷 says:

    这个统计要简单一点了,感觉

    1. zwwooooo says:

      @无冷
      非常简单,简单到“有冷”的感觉 :mrgreen:

    2. 无冷 says:

      @zwwooooo

      zwwooooo:
      非常简单,简单到“有冷”的感觉

      确实很好用,看来官方文档研究的不够啊我

  9. 浩子 says:

    wordpress函数NB啊

    1. zwwooooo says:

      @浩子
      是啊,这是其厉害之处

  10. Simon says:

    我想做个页面类似sitemap,输出所有posts, tags,categories。。。最好列表有 post title,tag title和categories title
    可以帮我折腾下吗? 给报酬。
    Q 32626077

    1. MBT721 says:

      @Simon

      Simon: 我想做个页面类似sitemap,输出所有posts, tags,categories。。。最好列表有 post title,tag title和categories title可以帮我折腾下吗? 给报酬。Q 32626077

    2. zwwooooo says:

      @MBT721
      你好像不是跟我说,霍霍

  11. 园子 says:

    这个效果是挺不错类。

    1. zwwooooo says:

      @园子
      简单明了吧

  12. Seven Star says:

    :evil: 有点意思

  13. 先看看 says:

    国内这种做法少吧

    1. zwwooooo says:

      @先看看
      很少,也有

  14. 想在贵站长期购买链接,有意加q 1833447697 寻长期合作博主

    1. zwwooooo says:

      @传奇发布网
      厄,你神马时候玩这类网站了?

  15. 这个挺不错的啊!

  16. moper says:

    这个蛮好的哇,正好用上~

  17. moper says:

    需要这个的CSS,能否提供,谢谢~ :smile:

    1. zwwooooo says:

      @moper
      你可以参考zBench的 .entry

    2. moper says:

      @zwwooooo
      额,事隔两个月,我来找这条的回复了,当时没收到邮件来着 :grin: 呵呵,谢谢~

    3. zwwooooo says:

      @moper
      木有收到邮件?应该不会啊。。。

  18. WordPress: 自定义页面输出所有文章列表(表格模式) - 蓝枫's BLOG says:

    [...] 本文地址:http://zww.me/archives/25485,转载请以链接形式标明本文地址。 本文标签: blog,wordpress,修改,分享,模版,页面 本文链接: WordPress: [...]

  19. 不得不说博主很犀利

    1. zwwooooo says:

      @视野瞳前
      只是一般应用,折腾一下就会吧

  20. 星尔 says:

    和网站地图有一拼,赞一个

    1. zwwooooo says:

      @星尔
      类似的东东

回复给 zhx ¬
取消回复

昵称 *

网址

B em del U Link Code Quote