php代码(原文:@旧梦

  1. <div id="primary">
  2.     <div class="mimelove_tags">
  3.         <h3>标签云</h3>
  4.             <?php wp_tag_cloud(); ?>
  5.     </div>
  6.     <div class="post-content">
  7.         <?php
  8.         $the_query = new WP_Query('posts_per_page=-1&ignore_sticky_posts=1'); //update: 加上忽略置顶文章
  9.     $year = 0;
  10.     $mon = 0;
  11.     $i = 0;
  12.     $j = 0;
  13.     $all = array();
  14.     $output = '<div id="archives">';
  15.     while ($the_query->have_posts()) : $the_query->the_post();
  16.     $year_tmp = get_the_time('Y');
  17.     $mon_tmp = get_the_time('n');
  18.     //var_dump($year_tmp);
  19.      $y = $year;
  20.     $m = $mon;
  21.     if ($mon != $mon_tmp && $mon > 0)
  22.         $output .= '</div></div>';
  23.     if ($year != $year_tmp) {
  24.         $year = $year_tmp;
  25.         $all[$year] = array();
  26.     }
  27.     if ($mon != $mon_tmp) {
  28.         $mon = $mon_tmp;
  29.         array_push($all[$year], $mon);
  30.         $output .= "<div class='archive-title' id='arti-$year-$mon'><h3>$year-$mon<a class='fr' href='/date/$year/$mon'>查看当月全部文章</a></h3><div class='archives archives-$mon' data-date='$year-$mon'>"//输出月份
  31.     }
  32.     $output .= '<a href="' . get_permalink() . '"><span class="time">' . get_the_time('n-d') . '</span>' . get_the_title() . '<i>'  . custom_the_views($post->ID) . ' 次浏览 / ' . get_comments_number() .' 则留言</i></a>'; //输出文章日期和标题
  33.     endwhile;
  34.     wp_reset_postdata();
  35.     $output .= '</div></div></div>';
  36.     echo $output;
  37.     ?>
  38.     </div>
  39. </div>

如果博客没有浏览数量需删除. custom_the_views($post->ID) .

css代码

  1. /*归档页面css*/
  2. .fr{floatrightright;font-size13px;line-height25px;color: rgba(0,0,0,.6);}
  3. #primary h3 ,.catalog-title{color: rgba(0,0,0,.7);font-size20px;}
  4. #primary h3::before,.catalog-title::before {content"[";margin-right3px;color#42b983;font-size20px;}
  5. #primary h3::after,.catalog-title::after {content"]";margin-left3px;color#42b983;font-size20px;}
  6. .archive-title {padding-bottom25px;}
  7. .archives a {displayblock;padding8px 0;letter-spacing: 0.5px;font-size14px;color: rgba(0,0,0,.6);}
  8. .archives i {color#939393;floatrightright;font-size12px;font-stylenormal;}
  9. .time {color#939393;padding-right10px;}
  10. .mimelove_tags {border-bottom1px solid #eee;padding-bottom20px;}
  11. .mimelove_tags a {padding5px 10px;displayinline-block;font-size14px !important;color: rgba(0,0,0,.6);}
  12. .archives a:hover,.mimelove_tags a:hover{color#44a340;}