WordPress 存档页面模板制作

作者: haibao 分类: wordpress 发布时间: 2015-06-17 14:45
真正决定一个人成就的,不是天分,也不是运气,而是严格的自律和高强度的付出。

今天希望为自己博客增加一个存档页面,也就是站点所有文章的集合。效果请看存档页

首先复制一份 page.php 文件,把其中

1
<?php the_content(); ?>

部分换成以下代码,并把 Template Name 名字替换为“存档页面”,然后在后台新建一个页面,模板选择“存档页面”,保存即可。

代码部分:

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
<div class="archives">
<?php
    $previous_year = $year = 0;
    $previous_month = $month = 0;
    $ul_open = false;
 
    $myposts = get_posts('numberposts=-1&orderby=post_date&order=DESC');
 
    foreach($myposts as $post) :
        setup_postdata($post);
 
        $year = mysql2date('Y', $post->post_date);
        $month = mysql2date('n', $post->post_date);
        $day = mysql2date('j', $post->post_date);
 
        if($year != $previous_year || $month != $previous_month) :
            if($ul_open == true) : 
                echo '</table>';
            endif;
 
            echo '<h3>'; echo the_time('F Y'); echo '</h3>';
            echo '<table>';
            $ul_open = true;
 
        endif;
 
        $previous_year = $year; $previous_month = $month;
    ?>
        <tr>
            <td width="40" style="text-align:right;"><?php the_time('j'); ?>日</td>
            <td width="400"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></td>
            <td width="120"><a class="comm" href="<?php comments_link(); ?>" title="查看 <?php the_title(); ?> 的评论"><?php comments_number('0', '1', '%'); ?>人评论</a></td>
            <td width="120"><span class="view"><?php if(function_exists('the_views')) the_views(); ?>次浏览</span></td>
        </tr>
    <?php endforeach; ?>
    </table>
</div>

然后增加css样式:

1
2
3
4
5
/*archives*/
.archives{background-color: #ffffff;padding: 20px;}
.archives td{padding: 6px 10px 8px;border-bottom: solid 1px #eee}
.archives table{padding:10px 0 20px}
.meta-tit{border-bottom: solid 1px #e6e6e6;padding: 0 0 10px;margin-bottom: 20px}

如果你不喜欢以上样式可以自行修改。

其实Wordpress存档页面就是这么简单,如果你安装了wp-postviews插件,存档页面中将显示文章浏览次数,很不错吧!

本文地址:[WordPress 存档页面模板制作],如没有标注转载,均为原创,转载请保留出处和链接,欢迎分享 谢谢。

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

一条评论
  • haibao

    2015/06/17 下午 3:21

    test

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>