11 次查询 耗时 0.047 秒
共写了1595个字,约4分钟读完,共有0条留言
登录/注册
  • 首页
  • »
  • 时光机
  • »
  • WordPress主题开发:自定义文章归档页面模板
  • WordPress主题开发:自定义文章归档页面模板

    作者:胡永云

    日期:2020年02月25日

    第一步、先将如下代码放入主题的function.php中:

     function zww_archives_list() {
         if( !$output = get_option('zww_archives_list') ){
             $output = '<div id="archives"><p>[<a id="al_expand_collapse" href="#">全部展开/收缩</a>] <em>(注: 点击月份可以展开)</em></p>';
             $the_query = new WP_Query( 'posts_per_page=-1&ignore_sticky_posts=1' ); //update: 加上忽略置顶文章
             $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>'. get_the_time('d日: ') .'<a href="'. get_permalink() .'">'. get_the_title() .'</a> <em>('. get_comments_number('0', '1', '%') .')</em></li>'; //输出文章日期和标题
             endwhile;
             wp_reset_postdata();
             $output .= '</ul></li></ul></div>';
             update_option('zww_archives_list', $output);
         }
         echo $output;
     }
     function clear_zal_cache() {
         update_option('zww_archives_list', ''); // 清空 zww_archives_list
     }
     add_action('save_post', 'clear_zal_cache'); // 新发表文章/修改文章时

    第二步、复制一份主题目录下的page.php文件,改名为archives.php,打开archives.php文件,把最顶部的<?php 后面加上如下代码:

    
    /*
    Template Name: archives
    */

    第三步、把如下代码替换<main></main>中间的内容:

    <?php zww_archives_list(); ?>

    第四步、在主题的header.php或者footer.php中加入如下代码:

    <script type='text/javascript' src='<?php echo get_template_directory_uri();?>/js/archives.js'></script>

    archives.js文件下载:

    隐藏内容,回复可见“马上回复”后“刷新页面”即可查看隐藏内容!

    第五步、在网站后台,创建一个页面选择archive模板即可。

     

    Back Top
    — 于 共写了1595个字
    — 文内使用到的标签:
    — 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可

    “WordPress主题开发:自定义文章归档页面模板”共有0条评论

    发表评论