子比主题美化 – 文章页面添加本站历史上的今天

看很多博客站文章页下面有个“历史的今天”栏目，这会把你写该篇文章时往年同一天所写的文章列出来，感觉还是蛮有意思的。于是我也想给博客加一个，奈何本人码盲，只好做网络搬运工，找啊找，找啊找~~~~终于找到了，现在记录一下顺便分享一手。

效果展示

代码部署

下面的代码直接放到func.php中，没有的自行创建。

 function today_in_history() {

  // $title = "历史上的今天"; 
  ?>
  <style>
    .today-in-history {
        display: block;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;
        border: 0;
        padding: 0;
    }
    
    .today-in-history fieldset {
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
        border: 1px dashed #999;
        padding: 0;
    }
    
    .today-in-history fieldset legend {
        display: block;
        width: auto;
        height: 36px;
        margin: 0 50px;
        border: 0;
        padding: 0;
    }
    
    .today-in-history fieldset legend .today-date {
        float: left;
        display: block;
        width: 36px;
        height: 100%;
        margin: 0 auto;
        border: 0;
        padding: 0;
        line-height: 18px;
        border-radius: 5px;
        overflow: hidden;
    }
    
    .today-in-history fieldset legend .today-date .month {
        display: block;
        width: 100%;
        height: 50%;
        margin: 0;
        border: 0;
        padding: 0;
        font-size: 12px;
        text-align: center;
        color: #fff;
        background: #c10e0e;
    }
    
    .today-in-history fieldset legend .today-date .day {
        display: block;
        width: 100%;
        height: 50%;
        margin: 0;
        border: 0;
        padding: 0;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        color: #000;
        background: #eee;
    }
    
    .today-in-history fieldset legend h3 {
        display: inline-block;
        width: auto;
        height: 40px;
        margin: 0;
        border: 0;
    padding: 0 10px;
        line-height: 40px;
        font-size: 18px;
        color:#cccc00;
        background: none;
    }
    
    .today-in-history fieldset ul {
        width: auto;
        height: auto;
        margin: 15px 20px;
        border: 0;
        padding: 0;
    }
    
    .today-in-history fieldset ul li label {
        margin: 0 5px;
        border: 0;
        padding: 0;
    }
</style><?php
  $limit = 5;
  global $wpdb;
  $post_year = get_the_time('Y');
  $post_month = get_the_time('m');
  $post_day = get_the_time('j');
  $sql = "select ID, year(post_date_gmt) as h_year, post_title, comment_count FROM 
    $wpdb->posts WHERE post_password = '' AND post_type = 'post' AND post_status = 'publish' 
        AND year(post_date_gmt)!='$post_year' AND month(post_date_gmt)='$post_month' AND day(post_date_gmt)='$post_day' 
        order by post_date_gmt DESC limit $limit";
  $histtory_post = $wpdb->get_results($sql);
  if( $histtory_post ) {
    foreach( $histtory_post as $post ) {
      $h_year = $post->h_year;
      $h_post_title = $post->post_title;
      $h_permalink = get_permalink( $post->ID );
      $h_comments = $post->comment_count;
      $h_post .= "<li><lable>$h_year</lable>：<a href='".$h_permalink."' style='color:blue' title='Permanent Link to ".$h_post_title."'>$h_post_title <span>($h_comments)</span></a></li>";
    }
  }
  $arr_month = array( 1=>"一月",2=>"二月",3=>"三月",4=>"四月",5=>"五月",6=>"六月",7=>"七月",8=>"八月",9=>"九月",10=>"十月",11=>"十一",12=>"十二" );
  foreach($arr_month as $key => $value) {
    if($post_month == $key) {
      $month_l = $value;
    }
  }
  if ( $h_post ) {
    $result = ' 
        <section class="today-in-history">
            <fieldset> 
                <legend> 
                   <div class="today-date">
                        <span class="month">'.$month_l.'</span> 
                        <span class="day">'.$post_day.'</span>
                    </div> <h3>本站历史上的今天</h3> 
                </legend>
                <ul>'.$h_post.'</ul> 
            </fieldset>
        </section>';
  } else {
    $result = '<section class="today-in-history"> 
        <fieldset> 
            <legend>
                 <div class="today-date">
                    <span class="month">'.$month_l.'</span>
                    <span class="day">'.$post_day.'</span>
                 </div> 
                 <h3>本站历史上的今天</h3> 
            </legend>
            <ul>"吼吼~~~，往年的今天站长不知道跑哪里偷懒去了~~~"</ul>
         </fieldset> 
        </section>';
  }
  echo $result;
}

然后去主题文件夹下/inc/functions/zib-single.php中的文章底部版权申明部分，根据自己想法放置，复制引用这一行代码即可。

today_in_history();