当前位置: 首页 » wordpress » WordPress 存档页面模板制作
 |  全屏浏览  |  字号调整:

WordPress 存档页面模板制作

2015-06-17 14:45:09 wordpress 3 933 百度已收录
本文最后更新于2015-06-17,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!
历史上的今天:10月20日 - 1962年,中印边境自卫反击战爆发

周六晚上好, 本文除去代码部分,共128个字,预计阅读时间需要1分钟。

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

首先复制一份 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 存档页面模板制作

本文地址:http://www.hehaibao.com/wordpress-archives/

版权声明:本博客所有文章除特别声明外,均采用 署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果!


发表评论

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