存档页详情
几乎每个博客都会有一个存档页,用于按照顺序(一般是日期)显示文章、
一开始,由于我不知道这一页有什么用,就只用了网站地图,现在感觉真是多此一举。
前几天,折腾了存档页,具体效果可在导航栏点击参观。
实现方法
要建立一个模版:
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了。