图片待添加
图片待添加

WordPress主题开发教程:刚发布的新文章添加”NEW”新文章标志

2020-02-19 07:21 分类:WordPress主题开发制作教程 阅读(次阅读) 标签:

很多网站刚发布的新文章都有一个NEW的图片或者样式和其他文章不一样,自己做WordPress主题开发如何实现的呢?

之前写了一篇: WordPress主题开发:后台置顶文章在文章列表显示置顶标记

这次来说一下怎么给WordPress刚发布的新文章添加”NEW”新文章标志

WordPress主题开发教程:刚发布的新文章添加

理论上是给WordPress文章的循环里面加个判断;
如下[下面这段代码是我的WordPress文章里面的样式,你可以按照你的要求修改]:

<?php
$t1=$post->post_date;
$t2=date("Y-m-d H:i:s");
$diff=(strtotime($t2)-strtotime($t1))/3600;
if($diff<24){echo "<span class='span_info'><i class='glyphicon glyphicon-time'></i><a href='<?php the_permalink(); ?>'>新文章</a></span>";} //数字为判断输出NEW的小时数,视情况更改
else{echo "";} //时间超过则不输出内容
?>

本段代码需要添加在WordPress文章的循环里面
当然你也可以改成加个NEW图片,如下:

<?php
$t1=$post->post_date;
$t2=date("Y-m-d H:i:s");
$diff=(strtotime($t2)-strtotime($t1))/3600;
if($diff<24){echo "<img src='new.gif' />";} //数字为判断输出NEW的小时数,视情况更改
else{echo "";} //时间超过则不输出内容
?>

你也可以通过样式表加在右上角,这就需要一定的html+css基础了.
原理已经说了,试一试吧.


本文地址: https://www.wpyi.com/new-articles.html