主机、服务器测评
服务器促销信息及建站资源分享

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标

许多WordPress站点在新文章前有醒目的标志,于是站长也搜了一些关于如何为WordPress新文章加”NEW”最新标志的方法。细心的朋友会发现,主机玖玖首页确实加了一些醒目图标,让整体布局显得更加美观醒目。在此文章中站长为大家分享一个WordPress美化小技巧,如何为新文章添加及侧边栏标题添加醒目图标。

一、添加侧边栏标题图标

1、添加后效果如下图。

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标插图

2、添加方法。方法很简单,首先我们要准备好图片素材,大家可以点击这里到此网站去找。然后再在小工具侧边栏的标题添加下面代码即可。把“https://www.zhuji999.com/wp-content/uploads/2018/01/5-130919100015.png”改成你图标的地址。

<img src='https://www.zhuji999.com/wp-content/uploads/2018/01/5-130919100015.png' />

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标插图1

二、文章内容NEW图标

1、站长介绍的此方法是为新文章在文章标题上添加“NEW”图标,24小时后自动取消,显示效果如下。

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标插图2

2、添加方法。方法很简单,只需在主题“single.php”文件的“<?php the_title(”); ?>”前面添加下面代码。注意把https://www.zhuji999.com/wp-content/uploads/2018/01/5-120601152048.png改成你自己图标地址。图标可以点击这里在此网站找。

<?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 "<img src='https://www.zhuji999.com/wp-content/uploads/2018/01/5-120601152048.png' />";} // new.gif 替换成你的图片
else{echo "";} //时间超过时候显示空白
?>

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标插图3

三、文章标题NEW图标

1、其实关于WordPress新发布文章24小时内标题加“NEW”图标的方法,网络中介绍的文章有很多,但基本都是大同小异。站长今天要介绍的方法修改后如下图:

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标插图4

2、修改方法。一般是通过在主题“index.php”文件的“<?php the_title(”); ?>”后面添加如下代码。请把https://www.zhuji999.com/wp-content/uploads/2018/01/5-120601154100.gif改成你自己图标地址。

date_default_timezone_set('PRC');
<?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='https://www.zhuji999.com/wp-content/uploads/2018/01/5-120601154100.gif' />";} // new.gif 替换成你的图片
else{echo "";} //时间超过时候显示空白
?>

3、但是有的主题不一样,就拿DUX来说,通过修改主题“index.php”文件是无法实现的,需要修改“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>’;”后添加下面代码即可:

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 "<img src='https://www.zhuji999.com/wp-content/uploads/2018/01/5-120601154100.gif' />";} // new.gif 替换成你的图片
else{echo "";} //时间超过时候显示空白

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标插图5

DUX无限制版下载方法

主机玖玖博客DUX无限制版本下载方案,使用微信扫描下面二维码关注主机玖玖微信公众号。注意是关注微信公众号, 微信公众号每天晚上推送当日热门促销活动。然后在微信公众号回复“DUX主题”即可获取下载链接。100%服务器下载版本,绿色无毒。

WordPress美化小技巧 为新文章标题及内容页面添加NEW图标插图6

赞(0)
聲明:
1、本博客不從事任何主機及服務器租賃業務,不參與任何交易,也絕非中介。博客內容僅記錄博主個人感興趣的服務器測評結果及一些服務器相關的優惠活動,信息均摘自網絡或來自服務商主動提供;所以對本博客提及的內容不作直接、間接、法定、約定的保證,博客內容也不具備任何參考價值及引導作用,訪問者需自行甄別。

2、訪問本博客請務必遵守有關互聯網的相關法律、規定與規則;不能利用本博客所提及的內容從事任何違法、違規操作;否則造成的一切後果由訪問者自行承擔。

3、未成年人及不能獨立承擔法律責任的個人及群體請勿訪問本博客。

4、一旦您訪問本博客,即表示您已經知曉並接受了以上聲明通告。

文章名稱:《WordPress美化小技巧 为新文章标题及内容页面添加NEW图标》
文章鏈接:https://www.zhuji999.com/18803.html