WordPress增加文章归档的功能[WordPress教程]

WordPress增加文章归档的功能
WordPress增加文章归档的功能[WordPress教程]-度崩网-几度崩溃
效果图
WordPress自带了一个归档的功能,但是只能显示在网页中的某一个部分,但是我想单独使用一个归档页面,因为看见很多网站都有这个,在网上查找了下方法,并应用到了自己的网站上,方法如下:
特点:
1. 按照年份、月份显示文章列表
2. 显示每月的文章数量(需要配合及Query)
3. 显示每篇文章的评论数
4. 使用 WordPress 原生函数实现数据调用
5. 这个存档函数会在数据库生成一个表 zww_archives_list 来做缓存,只在发表/修改文章时才更新,减少数据库查询。
6. 即使不使用第5点的数据库缓存功能也比以前的直接 SQL 语句省资源。
一、 创建归档函数
下面代码放到主题文件 functions.php 里面,另外注意代码里面有中文,所以要把 functions.php 文件编码改为 UTF8 无 BOM 格式。
function zww_archives_list() {        if( !$output = get_option('zww_db_cache_archives_list') ){            $output = '全部展开/收缩 (注: 点击月份可以展开)';            $args = array(                'post_type' => array('archives', 'post', 'zsay'),                'posts_per_page' => -1, //全部 posts                'ignore_sticky_posts' => 1 //忽略 sticky posts              );            $the_query = new WP_Query( $args );            $posts_rebuild = array();            $year = $mon = 0;            while ( $the_query->have_posts() ) : $the_query->the_post();                $post_year = get_the_time('Y');                $post_mon = get_the_time('m');                $post_day = get_the_time('d');                if ($year != $post_year) $year = $post_year;                if ($mon != $post_mon) $mon = $post_mon;                $posts_rebuild[$year][$mon][] = ''. get_the_time('d日: ') .''. get_the_title() .' ('. get_comments_number('0', '1', '%') .')';            endwhile;            wp_reset_postdata();              foreach ($posts_rebuild as $key_y => $y) {                $y_i = 0; $y_output = '';                foreach ($y as $key_m => $m) {                    $posts = ''; $i = 0;                    foreach ($m as $p) {                        ++$i; ++$y_i;                        $posts .= $p;                    }                    $y_output .= ''. $key_m .' 月 ( '. $i .' 篇文章 )'; //输出月份                    $y_output .= $posts; //输出 posts                    $y_output .= '';                }                $output .= ''. $key_y .' 年 ( '. $y_i .' 篇文章 )'; //输出年份                $output .= $y_output;                $output .= '';            }              $output .= '';            update_option('zww_db_cache_archives_list', $output);        }        echo $output;    }    function clear_db_cache_archives_list() {        update_option('zww_db_cache_archives_list', ''); // 清空 zww_archives_list    }    add_action('save_post', 'clear_db_cache_archives_list'); // 新发表文章/修改文章时
PS: 因为查询度有点大,所以有加数据库缓存,只在文章发表/修改时才会更新缓存数据,所以测试时,可以特意去后台点“快速编辑”文章然后点更新就可以更新缓存数据。
二、创建模板页面
复制一份主题的 page.php 更名为 archives.php,然后在最顶端加入:

在 archives.php 找到类似 ,在其下面加入如下代码:

三、加载 jQuery 代码
打开 header.php 在 下面增加以下代码:

然后在后台—页面—新建页面(如叫:归档),选择模版为 Archives即可, 因为是放在主题的 the_content() 下面,所以会默认使用主题写好的 h3 ul li 格式,一般不需要重新添加CSS。

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

Wordpress主题LightSNS主题修复教程:修复支付回调、评论内容、三方登录、移动端视频播放等等问题[源码教程]

2019-12-24 14:23:48

WordPress教程

NiRvana拟物风格WordPress响应式博客主题使用说明[Wordpress主题教程]

2019-12-25 13:36:48

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索