0 0 0

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

颜诗雅 V UID:1002 管理员赞助商
2025-04-29 312

如何在子比主题中添加“历史上的今天”文章数据功能,并提供了相应的CSS代码和func.php代码功能代码的引用方法,需将引用代码放置在文章底部的版权声明上方。

func.php代码

[reply]

//历史上的今天,代码来自凌久博客
 function today_in_history(){ 
//$title = ZXM_options('today_in_history_title') ? ZXM_options('today_in_history_title') : "历史上的今天呀"; // $title = "历史上的今天"; 
//$limit = ZXM_options('today_in_history_num') ? ZXM_options('today_in_history_num') : 5; // $limit = 5; 
// $title = "历史上的今天"; 
$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;
 }
 

 

CSS代码

/**====================历史上的今天模块样式====================*/ 
.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;
/*max-width: 200px;*/
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;
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;
}
 
 

 

功能代码的引用

放到/inc/zib-single.php中的文章底部版权申明上面,引用代码就一行:

today_in_history();
 
 

[/reply]

完成后最好清空浏览器缓存再看效果


下载声明

每次下载将扣除 1个元宝,VIP会员免费下载,元宝可通过 /发布主题/签到/回帖/获得!
真气 : 点|排行
元宝 : 个|
兑换
灵石 : 枚|充值
关闭
最新回复 (0)

    暂无评论

请先登录后发表评论!

返回
请先登录后发表评论!