博客下方加入了按分类归档和按月份归档的链接表(现在已经删除)。如下图:
这是Wordpress主题K2中默认的一种Archive.php模板中的代码,这样的样式不仅方便了用户选择分类目录,也给用户了一个很好的用户体验效果,显示的内容很直观、很整齐。代码片段如下:
CSS样式定义部分:
- .archive-list {
- list-style: none;
- margin: 10px 0 0 0 !important;
- padding-left: 0px !important;
- font-size: 13px;
- }
- .archive-list li {
- display: block;
- float: left;
- margin: 0 10px 0 0 !important;
- padding: 2px 0 2px 10px !important;
- width: 150px;
- }
- .archive-list li:hover {
- background-color: #EDEDED;
- }
PHP代码部分,你可以将其插入任意模板中进行调用。
- <h3>分类归档</h3>
- <ul class=“archive-list”>
- <?php wp_list_cats(‘hierarchical=0&optioncount=1′); ?>
- </ul><br/>
- <ul class=“archive-list”>
- <?php wp_get_archives(‘show_post_count=1′); ?>
- </ul>
PS: 其中< ?php wp_list_cats('hierarchical=0&optioncount=1'); ?>和< ?php wp_get_archives('show_post_count=1'); ?>分别是分类调用和按月份调用。