如何給24小時內(nèi)更新的文章添加NEW圖標(biāo)

admin wordpress評論799字?jǐn)?shù) 958閱讀模式
摘要

DUX主題如何在首頁為當(dāng)前24小時內(nèi)更新的文章添加NEW圖標(biāo),方法很簡單,只需修改DUX主題的“excerpt.php、main.css”兩個文件即可實(shí)現(xiàn)。

如何給24小時內(nèi)更新的文章添加NEW圖標(biāo)

一、修改excerpt.php

打開主題的excerpt.php文件,搜索下面代碼。

  1. echo '<h2><a'._post_target_blank().' href="'.get_permalink().'" title="'.get_the_title().get_the_subtitle(false)._get_delimiter().get_bloginfo('name').'">'.get_the_title().get_the_subtitle().'</a></h2>';  

然后在上面代碼后面加上下面這段代碼,修改excerpt.php文件這一步就完成了。

  1. date_default_timezone_set('PRC');  
  2. $t1=$post->post_date;  
  3. $t2=date("Y-m-d H:i:s");  
  4. $diff=(strtotime($t2)-strtotime($t1))/3600;  
  5. if($diff<24){echo 'New';}  
  6. else{echo "";}  

如下圖:
如何給24小時內(nèi)更新的文章添加NEW圖標(biāo)

二、修改main.css

在主題文件里找main.css文件,在最后面添加下面代碼即可。然后清理下本地緩存或的CDN緩存就能看到和蝸牛一樣的效果了。

  1. /** 修正摘要列表定位方式 */  
  2. .excerpt {  
  3.     position: relative;  
  4. }  
  5. /** NEW 圖標(biāo)文字版樣式 **/  
  6. .excerpt .new-icon{  
  7.     position: absolute;  
  8.     right: -38px;  
  9.     top: -16px;  
  10.     display: block;  
  11.     width: 72px;  
  12.     height: 20px;  
  13.     line-height: 20px;  
  14.     background: #ff0018;  
  15.     color: #fff;  
  16.     font-size: 14px;  
  17.     font-weight: 400;  
  18.     text-align: center;  
  19.     transform: rotate(45deg);  
  20.     transform-origin: 00%;  
  21. }  

版權(quán)聲明:文章圖片資源來源于網(wǎng)絡(luò),如有侵權(quán),請留言刪除!!!
廣告也精彩
admin
  • 本文由 發(fā)表于 2021年9月28日 12:47:18
  • 轉(zhuǎn)載請務(wù)必保留本文鏈接:http://yudch.cn/7750.html
匿名

發(fā)表評論

匿名網(wǎng)友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: