主要修改DUX主题的excerpt.php文件,并增加对应的CSS代码。
相关内容
第1个步骤,修改 excerpt.php文件 ,在该文件中搜索下面代码:
- 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文件这一步就完成了。
- date_default_timezone_set(‘PRC’);
- $t1 = $post – >post_date;
- $t2 = date(“Y-m-d H:i:s”);
- $diff = (strtotime($t2) – strtotime($t1)) / 3600;
- if ($diff < 24) {
- echo ‘<span class=“new-icon”>New</span>’;
- } else {
- echo “”;
- }
第2个步骤,在main.css中增加对应的CSS代码:
- /** NEW 图标文字版样式 **/
- .excerpt .new-icon {
- position: absolute;
- rightright: –45px;
- top: –20px;
- display: block;
- width: 120px;
- height: 24px;
- line-height: 24px;
- background: #4caf50;
- color: #fff;
- font-size: 16px;
- font-weight: 500;
- text-align: center;
- transform: rotate(36deg);
- transform-origin: 0% 0%;
- }