采取php緩存機(jī)制的Wordpress歸檔頁面的制作
發(fā)布時(shí)間：2015/04/14 來源：長沙做網(wǎng)站公司
Wordpress歸檔頁面的制作網(wǎng)上已經(jīng)有很多了，但是各有千秋，現(xiàn)在我要介紹的這個(gè)歸檔功能有點(diǎn)不一樣，不一樣在于采取了php緩存機(jī)制，對于博客文章比較多的網(wǎng)站，如果采用一般的歸檔制作，陳列出所有文章將會出現(xiàn)歸檔頁請求數(shù)太高，加載遲緩的現(xiàn)象。而目前這個(gè)剛好解決了這個(gè)問題，只有在第一次加載的時(shí)候才會發(fā)出所有請求，之后無論怎么刷新該頁面，對數(shù)據(jù)庫的影響也就等同于一般頁面，甚至更少請求。
先插上一段話：網(wǎng)上你隨便找的你不一定能用，因?yàn)楹芏嘟坛贪l(fā)布者沒把一些注意事項(xiàng)說清楚，或者教程不全，或者出錯(cuò)，或者各種原因。在我博客里面分享的教程幾乎都是通過自己精心實(shí)踐和推敲才敢發(fā)布的，努力爭取100%有效，100%效益最大化，100%可持續(xù)發(fā)展�，F(xiàn)在告訴大家怎么實(shí)現(xiàn)這個(gè)歸檔頁的制作。
首先新建一個(gè)php文件，命名為guidang.php，然后把以下代碼扔進(jìn)去：
<?php get_header(); ?>
<div id="content">
<?php /**
* Template Name: 歸檔頁面
* 作者：長沙做網(wǎng)站http://m.aushadhiyoga.com/
**/
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>(點(diǎn)擊月份伸縮)</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 /*清除緩存動(dòng)作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(); ?>
保存并上傳到主題目錄下，進(jìn)wp后臺新建頁面，模版選擇“歸檔頁面”，發(fā)布，ok！
css樣式需要大家自己寫（不寫css也可以），原本這個(gè)功能是默認(rèn)只展開最近一個(gè)月的，我修改成了默認(rèn)展開所有文章；另外新增了清除緩存的動(dòng)作<?php clear_zal_cache();?>，如果把這句代碼刪除或者注釋掉，那么無論你如何修改html和php都是不生效的，所以為了在調(diào)試的時(shí)候讓其緩存盡失，讓他時(shí)刻清除緩存，你需要把我對這句代碼的注釋符號去掉，調(diào)試完后再注釋或刪除；修復(fù)了點(diǎn)擊顯示隱藏所有列表JQ問題！
- 相關(guān)文章
- 采取php緩存機(jī)制的Wordpress歸檔頁面的制作
- 網(wǎng)站安全很重要你注意了嗎
- 網(wǎng)站制作采用div+css的優(yōu)劣
- css基本語法(div+css課件ppt下載)
- 長沙汽車南站做網(wǎng)站值的信任的網(wǎng)絡(luò)公司有哪些？
- 長沙做網(wǎng)站讓網(wǎng)站結(jié)構(gòu)更清晰的方法
- 長沙五一新干線做網(wǎng)站的公司或工作室
- MySQL用正則表達(dá)式查詢判斷一個(gè)字段的值是否是數(shù)字
- 長沙瀏城橋做網(wǎng)站的公司或工作室
- 做好網(wǎng)站后公司怎么做網(wǎng)絡(luò)推廣