采取php緩存機制的Wordpress歸檔頁面的制作
發布時間：2015/04/14 來源：長沙做網站公司
Wordpress歸檔頁面的制作網上已經有很多了，但是各有千秋，現在我要介紹的這個歸檔功能有點不一樣，不一樣在于采取了php緩存機制，對于博客文章比較多的網站，如果采用一般的歸檔制作，陳列出所有文章將會出現歸檔頁請求數太高，加載遲緩的現象。而目前這個剛好解決了這個問題，只有在第一次加載的時候才會發出所有請求，之后無論怎么刷新該頁面，對數據庫的影響也就等同于一般頁面，甚至更少請求。
先插上一段話：網上你隨便找的你不一定能用，因為很多教程發布者沒把一些注意事項說清楚，或者教程不全，或者出錯，或者各種原因。在我博客里面分享的教程幾乎都是通過自己精心實踐和推敲才敢發布的，努力爭取100%有效，100%效益最大化，100%可持續發展。現在告訴大家怎么實現這個歸檔頁的制作。
首先新建一個php文件，命名為guidang.php，然后把以下代碼扔進去：
<?php get_header(); ?>
<div id="content">
<?php /**
* Template Name: 歸檔頁面
* 作者：長沙做網站http://www.shanxisports.com.cn/
**/
function qiuye_archives() {
if( !$output = get_option('qiuye_archives') ){
$output = '<div class="archives"><div style="text-align:center;"><a id="al_expand_collapse" href="#"">全部展開/收縮</a> <span>(點擊月份伸縮)</span></div>';
$the_query = new WP_Query( 'posts_per_page=-1&ignore_sticky_posts=1' );
$year=0; $mon=0; $i=0; $j=0;
while ( $the_query->have_posts() ) : $the_query->the_post();
$year_tmp = get_the_time('Y');
$mon_tmp = get_the_time('m');
$y=$year; $m=$mon;
if ($mon != $mon_tmp && $mon > 0) $output .= '</ul></li>';
if ($year != $year_tmp && $year > 0) $output .= '</ul>';
if ($year != $year_tmp) {
$year = $year_tmp;
$output .= '<h3 class="al_year">'. $year .'年</h3><ul class="al_mon_list">';}
if ($mon != $mon_tmp) {
$mon = $mon_tmp;
$output .= '<li><span class="al_mon">'. $mon .' 月</span><ul class="al_post_list">';}
$output .= '<li class="atitle"><span class="ttime">'. get_the_time('m月d日: ') .'</span><a class="tttile" href="'. get_permalink() .'">'. get_the_title() .'</a> <span class="ttcom">(<a title="'. get_comments_number('0', '1', '%') .'條評論">'. get_comments_number('0', '1', '%') .'</a>)</span></li>';
endwhile;wp_reset_postdata();
$output .= '</ul></li></ul></div>';
update_option('qiuye_archives', $output);}
echo $output;}
function clear_zal_cache() {
update_option('qiuye_archives', '');}
add_action('save_post', 'clear_zal_cache');
?>
<?php /*清除緩存動作clear_zal_cache();*/ ?><?php qiuye_archives(); ?>
<script>
jQuery(document).ready(function($){
(function(){
$('#al_expand_collapse,.archives span.al_mon').css({cursor:"s-resize"});
$('.archives span.al_mon').each(function(){
var num=$(this).next().children('li').size();
var text=$(this).text();
$(this).html(text+'<span> ( '+num+' 篇文章 )</span>');});
var $al_post_list=$('.archives ul.al_post_list'),
$al_post_list_f=$('.archives ul.al_post_list:first');
$al_post_list.show(1,function(){
$al_post_list_f.show();});
$('.archives span.al_mon').click(function(){
$(this).next().slideToggle(400);
return false;});
$(function() {
$("#al_expand_collapse").click(function(event) {
$al_post_list.toggle(400);});});})();});
</script>
</div>
<?php get_footer(); ?>
保存并上傳到主題目錄下，進wp后臺新建頁面，模版選擇“歸檔頁面”，發布，ok！
css樣式需要大家自己寫（不寫css也可以），原本這個功能是默認只展開最近一個月的，我修改成了默認展開所有文章；另外新增了清除緩存的動作<?php clear_zal_cache();?>，如果把這句代碼刪除或者注釋掉，那么無論你如何修改html和php都是不生效的，所以為了在調試的時候讓其緩存盡失，讓他時刻清除緩存，你需要把我對這句代碼的注釋符號去掉，調試完后再注釋或刪除；修復了點擊顯示隱藏所有列表JQ問題！