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:

    Z大是否能传授一下,怎么才能让首页文章列表分成两栏显示?比如左边一栏是1-10,右边一栏是11-20。

    1. zwwooooo says:

      @青衿
      两栏?写好css就行了

      1. 呵呵 says:

        @zwwooooo 请问大大 如果是要上面1-10 文章 下面 11-20 文章 只是显示标题和日期, 日期在右边 也是需要写好CSS?

        1. zwwooooo says:

          @呵呵 你这不是按顺序了么,css只管样式

  2. zhx says:

    我试了一下,怎么木有表格~

    1. zwwooooo says:

      @zhx
      怎么会没有?难道你那版本的主题没有设置默认表格样式?

    2. zhx says:

      @zwwooooo
      有了~我又放错地方了~

  3. 子非我 says:

    又搜索到这里了,用这个作为归档页,然后不显示某分类,勉强解决问题了吧 :mrgreen:

    1. zwwooooo says:

      @子非我
      哈,慢慢折腾

  4. 醉迷心 says:

    你好 可以给份样式表吗? 摆脱了

    1. zwwooooo says:

      @醉迷心
      一般主题都带表格样式的。

  5. meiyoufeng says:

    请问这个的分页代码是什么?感谢。。。。

    1. zwwooooo says:

      @meiyoufeng
      默认就行了,主要是注意 if (have_posts()) : 前要加些 paged 的获取代码,参考:
      $page = (get_query_var('paged')) ? get_query_var('paged') : 1;
      query_posts('showposts='.get_option('posts_per_page').'&paged='.$page);

  6. :mrgreen: 效果不错,用上试试

  7. wmtimes says:

    需要分页要怎么改?

  8. 大叔,可以只统计和输出某一分类的文章么?

    1. @常阳时光

      常阳时光: 大叔,可以只统计和输出某一分类的文章么?

      已经OK了。

    2. zwwooooo says:

      @常阳时光
      可以吧,看看函数参数吧

  9. 涛涛 says:

    很不错啊,参考你的代码稍微改了改就直接放到博客里去了~~ :razz:

  10. xuanpeng says:

    很简单,表示操作了一下allpost页面什么也木有 :arrow:

    1. zwwooooo says:

      @xuanpeng
      不清楚具体为何你那不工作,你可以改用 WP_Query 试试,具体参考官方档 http://codex.wordpress.org/Class_Reference/WP_Query

  11. 文章太多要分页怎么办?

  12. 这。。。能分页吗?

    1. zwwooooo says:

      @百家网络博客
      可以,但是分页就不是这个目的了。分页的话要写上分页导航函数,具体查看函数说明。其实跟做一般博客的首页差不多。

  13. 就是因为这蛋疼的需求所以跑进来了……

  14. 发现置顶的文章会排在最前面。

    1. zwwooooo says:

      @顽兔生活百科
      你可以加多个参数:'ignore_sticky_posts' => 1
      文中方式的代码就是把 query_posts( 'posts_per_page=-1' ); 改为 query_posts( 'posts_per_page=-1&ignore_sticky_posts=1' );

    2. 落梵 says:

      @zwwooooo 谢谢了,我主要是用来输送全部文章,然后可以记录起来。本来还想用分类的方法一次输出全部,既然看到你这个我就搬走了…… :mrgreen:

回复给 软件盒子 ¬
取消回复

昵称 *

网址

B em del U Link Code Quote