存档页详情

几乎每个博客都会有一个存档页,用于按照顺序(一般是日期)显示文章、

一开始,由于我不知道这一页有什么用,就只用了网站地图,现在感觉真是多此一举。

前几天,折腾了存档页,具体效果可在导航栏点击参观。

实现方法

要建立一个模版:

archives-custom.php

<?php
/*
Template Name: Archives Custom
*/
?>

<?php get_header(); ?>

<?php if (have_posts()) : the_post(); update_post_caches($posts); ?>

    <div class="post" id="post-<?php the_ID(); ?>">
        <h2><?php the_title(); ?></h2>
        <div class="info">
            <?php edit_post_link(__('Edit', 'inove'), '<span class="editpost">', '</span>'); ?>
            <?php if ($comments || comments_open()) : ?>
                <span class="addcomment"><a href="#respond"><?php _e('Leave a comment', 'inove'); ?></a></span>
                <span class="comments"><a href="#comments"><?php _e('Go to comments', 'inove'); ?></a></span>
            <?php endif; ?>
            <div class="fixed"></div>
        </div>
        <div class="content">
            <div id="arc-mon">
                <h3>存档</h3>
                <ul><?php wp_easyarchives(); ?></ul>
            </div>
            <div id="arc-cat">
                <h3>分类</h3>
                <ul><?php wp_list_cats('sort_column=name&optioncount=1&depth=0'); ?></ul>
            </div>
            <div id="arc-tag">
                <h3>标签</h3>
                <?php wp_tag_cloud('smallest=10&largest=24'); ?>
            </div>
        </div>
    </div>

<?php else : ?>
    <div class="errorbox">
        <?php _e('Sorry, no posts matched your criteria.', 'inove'); ?>
    </div>
<?php endif; ?>

<?php get_footer(); ?>

完善一下(去掉侧边栏):

archives-with-nothing.php

<?php
/*
Template Name: Archives with nothing
*/
?>

<?php
    global $inove_nosidebar;
    $inove_nosidebar = true;
    include('archives-custom.php');
?>

样式表加上以下的:

style.css

/* Custom Archives */
#arc-cat {float:right; width:49%; background:#F7F7F7;}
#arc-tag {float:right; width:49%; background:#F7F7F7;}
#arc-mon {float:left; width:49%; background:#F7F7F7;}
#arc-tag a {line-height:130%;}

大功告成!

以后新建一个页面,使用Archives with nothing模板,就OK了。