2012-07-23 951 1

WordPress 存档页面模板制作（代码版）

标签：代码

这个是一种大前端使用的存档方式，先看代码：


<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>

<?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="120"><a class="comm" href="<?php comments_link(); ?>" title="查看 <?php the_title(); ?> 的评论"><?php comments_number('0', '1', '%'); ?>人评论</a></td>

</tr>

<?php endforeach; ?>

</table>

</div>

复制以上代码到你希望显示的页面，或者自行后台-页面-新建页面。
显示样式：


<style type="text/css">
.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}
</style>