DUX主题 5.2版 为首页列表文章添加NEW图标

主要修改DUX主题的excerpt.php文件,并增加对应的CSS代码。

相关内容

第1个步骤,修改 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) {  
  6.     echo ‘<span class=“new-icon”>New</span>’;  
  7. else {  
  8.     echo “”;  
  9. }  

第2个步骤,在main.css中增加对应的CSS代码:

  1. /** NEW 图标文字版样式 **/  
  2. .excerpt .new-icon {  
  3.     positionabsolute;  
  4.     rightright: –45px;  
  5.     top: –20px;  
  6.     displayblock;  
  7.     width120px;  
  8.     height24px;  
  9.     line-height24px;  
  10.     background#4caf50;  
  11.     color#fff;  
  12.     font-size16px;  
  13.     font-weight: 500;  
  14.     text-aligncenter;  
  15.     transform: rotate(36deg);  
  16.     transform-origin: 0% 0%;  
  17. }  

代码参考学习自:https://blog.quietguoguo.com/1998.html

学习教程知识教程

DUX主题 5.2版 为logo加扫光效果

2019-1-31 1:00:26

学习教程知识教程

DUX主题 5.2版 评论头像旋转

2019-2-1 10:36:49

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索