SKY..fly..

Home / PHP & Wordpress / 非插件实现WordPress归档页面

因为之前一直使用Dagon Design Sitemap Generator插件来实现存档页面，实现的具体方式可以参考https://www.sky.gs/websites/phpwordpress/wordpress-dagon-design-sitemap-generator.html，但是始终是多了个插件，而且加载速度不佳，以前归档页面截图如下：

现在的截图如下：

具体实现方式也不麻烦的：

一、将以下的一段代码添加到function.php里

function archives_list_SHe() {
global $wpdb,$month;
$lastpost = $wpdb->get_var(“SELECT ID FROM $wpdb->posts WHERE post_date <‘” . current_time(‘mysql’) . “‘ AND post_status=’publish’ AND post_type=’post’ AND post_password=” ORDER BY post_date DESC LIMIT 1″);
$output = get_option(‘SHe_archives_’.$lastpost);
if(empty($output)){
$output = ”;
$wpdb->query(“DELETE FROM $wpdb->options WHERE option_name LIKE ‘SHe_archives_%'”);
$q = “SELECT DISTINCT YEAR(post_date) AS year, MONTH(post_date) AS month, count(ID) as posts FROM $wpdb->posts p WHERE post_date <‘” . current_time(‘mysql’) . “‘ AND post_status=’publish’ AND post_type=’post’ AND post_password=” GROUP BY YEAR(post_date), MONTH(post_date) ORDER BY post_date DESC”;
$monthresults = $wpdb->get_results($q);
if ($monthresults) {
foreach ($monthresults as $monthresult) {
$thismonth = zeroise($monthresult->month, 2);
$thisyear = $monthresult->year;
$q = “SELECT ID, post_date, post_title, comment_count FROM $wpdb->posts p WHERE post_date LIKE ‘$thisyear-$thismonth-%’ AND post_date AND post_status=’publish’ AND post_type=’post’ AND post_password=” ORDER BY post_date DESC”;
$postresults = $wpdb->get_results($q);
if ($postresults) {
$text = sprintf(‘%s %d’, $month[zeroise($monthresult->month,2)], $monthresult->year);
$postcount = count($postresults);
$output .= ‘<ul class=“archives-list”><li><span class=“archives-yearmonth”>’ . $text . ‘  (‘ . count($postresults) . ‘ ’ . __(‘篇文章’,’freephp’) . ‘)</span><ul class=“archives-monthlisting”>’ . “\n”;
foreach ($postresults as $postresult) {
if ($postresult->post_date != ‘0000–00–00 00:00:00‘) {
$url = get_permalink($postresult->ID);
$arc_title = $postresult->post_title;
if ($arc_title)
$text = wptexturize(strip_tags($arc_title));
else
$text = $postresult->ID;
$title_text = __(‘View this post’,’freephp’) . ‘, "’ . wp_specialchars($text, 1) . ‘"’;
$output .= ‘<li>’ . mysql2date(‘d日’, $postresult->post_date) . ‘: ’ . “<a href=’$url’ title=’$title_text’>$text</a>”;
$output .= ‘ (‘ . $postresult->comment_count . ‘)’;
$output .= ‘</li>’ . “\n”;
}
}
}
$output .= ‘</ul></li></ul>’ . “\n”;
}
update_option(‘SHe_archives_’.$lastpost,$output);
}else{
$output = ‘<div class=“errorbox”>’. __(‘Sorry, no posts matched your criteria.’,’freephp’) .'</div>’ . “\n”;
}
}
echo $output;
}

二、建立归档模板，复制主题的single.php文件，重命名为archive.php后上传到主题文件夹中，在这个上传的archive.php的头部中添加以下代码：

<?php
/*
Template Name: archives
*/
?>

三、在上传的archive.php中找到以下代码

<?php content(); ?>

在其下边添加如下代码：

<a id=“expand_collapse” href=“#”>全部展开/收缩</a>
<div id=“archives”><?php archives_list_SHe(); ?></div>

四、新建一个页面文件，选择“模板”里选择“Archive”即可

五、在主题的style.css中定义显示样式，可以参考这段或是自己编写都是可以的：

#archives ul li a{font:14px/2em ‘Microsoft Yahei’,Tahoma;color:#85330C}
#expand_collapse,.archives-yearmonth { cursor:pointer;font:bold 14px/2em ‘Microsoft Yahei’,Tahoma;}

六、为了实现展开和折叠效果，加载js库后添加如下的代码：

/* 存档页面 jQ伸缩 */
$(‘#expand_collapse,.archives-yearmonth’).css({cursor:“s-resize”});
$(‘#archives ul li ul.archives-monthlisting’).hide();
$(‘#archives ul li ul.archives-monthlisting:first’).show();
$(‘#archives ul li span.archives-yearmonth’).click(function(){$(this).next().slideToggle(‘fast’);return false;});
//以下下是全局的操作
$(‘#expand_collapse’).toggle(
function(){
$(‘#archives ul li ul.archives-monthlisting’).slideDown(‘fast’);
},
function(){
$(‘#archives ul li ul.archives-monthlisting’).slideUp(‘fast’);
});

或是直接在主题的head.php中找到<?php wp_head(); ?>，在其底下加入这段代码：

<script type=“text/javascript”>
jQuery(document).ready(
function($){
$(‘#expand_collapse,.archives-yearmonth’).css({cursor:“s-resize”});
$(‘#archives ul li ul.archives-monthlisting’).hide();
$(‘#archives ul li ul.archives-monthlisting:first’).show();
$(‘#archives ul li span.archives-yearmonth’).click(function(){$(this).next().slideToggle(‘fast’);return false;});
$(‘#expand_collapse’).toggle(
function(){
$(‘#archives ul li ul.archives-monthlisting’).slideDown(‘fast’);
},
function(){
$(‘#archives ul li ul.archives-monthlisting’).slideUp(‘fast’);
});
});
</script>

Postscript：

总的来说这个方法还是蛮不错的，值得推荐

暂无相关文章

转载原创文章请注明，转载自：SKY..fly..[www.sky.gs]

本文链接: https://www.sky.gs/websites/phpwordpress/non-plugins-wordpress-archives-page.html

3 Responses to “非插件实现WordPress归档页面”

figo says:

November 23, 2011 at 6:11 PM

为什么最近把代码粘贴到function.php里一运行就出错啊
2011年11月23日星期三 18:11:53

Reply
travel insurance comparison says:

August 18, 2011 at 10:35 PM

Another wonderful way to optimize your blog! Thanks man! I’m also a fan of DD Sitemap.

Reply
Znotz says:

March 28, 2011 at 11:33 PM

抢到沙发了…博主总有些新东西..学习了

Reply