Old

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

声明: 除非注明,ZWWoOoOo文章均为原创,转载请以链接形式标明本文地址
本文地址: http://zww.me/archives/25485

110 comments

  1. 小闇 小闇 Firefox 6 Firefox 6 Windows 7 Windows 7

    是沙發嗎?!

    沙发
  2. iSayme iSayme Google Chrome 12 Google Chrome 12 Windows 7 Windows 7

    收藏之~板凳下

    板凳
  3. ekgui ekgui Firefox 5 Firefox 5 GNU/Linux GNU/Linux

    哈哈 抢到地板了 马上试一下看看怎么样 :grin:

    地板
  4. ......
  5. 青衿 青衿 Maxthon 3 Maxthon 3 Windows 7 Windows 7

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

    41楼
  6. zhx zhx Google Chrome 16 Google Chrome 16 Windows 7 Windows 7

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

    42楼
    • zwwooooo zwwooooo Firefox 9 Firefox 9 Windows 7 Windows 7

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

    • zhx zhx Internet Explorer 8 Internet Explorer 8 Windows 7 Windows 7

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

  7. 子非我 子非我 Google Chrome 19 Google Chrome 19 Windows 7 Windows 7

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

    43楼
  8. 醉迷心 醉迷心 Google Chrome 18 Google Chrome 18 Windows XP Windows XP

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

    44楼
  9. meiyoufeng meiyoufeng Google Chrome 23 Google Chrome 23 Windows 8 Windows 8

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

    45楼
    • zwwooooo zwwooooo Firefox 16 Firefox 16 Windows 8 Windows 8

      @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);

  10. 匿名好友 匿名好友 Google Chrome 21 Google Chrome 21 Windows 7 Windows 7

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

    46楼
  11. wmtimes wmtimes Google Chrome 26 Google Chrome 26 Windows 7 Windows 7

    需要分页要怎么改?

    47楼
  12. 常阳时光 常阳时光 Firefox 23 Firefox 23 Windows 7 Windows 7

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

    48楼
  13. 涛涛 涛涛 Google Chrome 33 Google Chrome 33 Windows XP Windows XP

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

    49楼
  14. xuanpeng xuanpeng Google Chrome 35 Google Chrome 35 Windows 7 Windows 7

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

    50楼
  15. 百家网络博客 百家网络博客 Google Chrome 30 Google Chrome 30 Windows 7 Windows 7

    文章太多要分页怎么办?

    51楼
  16. 百家网络博客 百家网络博客 Google Chrome 30 Google Chrome 30 Windows 7 Windows 7

    这。。。能分页吗?

    52楼
    • zwwooooo zwwooooo Firefox 32 Firefox 32 Windows 8.1 Windows 8.1

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

  17. 顽兔生活百科 顽兔生活百科 uBrowser 3 uBrowser 3 Windows 7 Windows 7

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

    53楼
  18. 顽兔生活百科 顽兔生活百科 uBrowser 3 uBrowser 3 Windows 7 Windows 7

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

    54楼
    • zwwooooo zwwooooo Firefox 34 Firefox 34 Windows 8.1 Windows 8.1

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

    • 落梵 落梵 uBrowser 4 uBrowser 4 Windows 7 Windows 7

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

Leave a Reply