无作为
不仅仅是一种态度!

wordpress为新文章标题/内容页面/小工具添加NEW图标

给wordpress的文章标题、文章内容页面或者是小工具的标题添加一个“NEW”和“推荐”的图标来增加眼球吧。

这里为大家分享一个WordPress美化小技巧,如何为新文章添加及侧边栏标题添加醒目图标。

wordpress为新文章标题/内容页面/小工具添加NEW图标

一、添加侧边栏标题图标

1、添加后效果如下图:

2、添加方法:

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

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

二、文章内容NEW图标

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

2、添加方法:

方法很简单,只需在主题“single.php”文件的“<?php the_title(”); ?>”前面添加下面代码。注意把https://ww.wuzuowei.net/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.w168.net/wp-content/uploads/2018/01/5-120601152048.png' />";} // new.gif 替换成你的图片
else{echo "";} //时间超过时候显示空白
?>

三、文章标题NEW图标

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

2、修改方法:

一般是通过在主题“index.php”文件的“<?php the_title(”); ?>”后面添加如下代码。请把https://www.w168.net/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.wn789.com/wp-content/uploads/2018/01/5-120601154100.gif' />";} // new.gif 替换成你的图片
else{echo "";} //时间超过时候显示空白
?>

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

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

到此教程结束,如果你有更好的意见欢迎下方留言分享。

历史上的今天:
赞(21) 打赏
所有免费资源、福利、电影、破解软件未经允许不得转载:www.wuzuowei.net无作为 » wordpress为新文章标题/内容页面/小工具添加NEW图标

留下评论 抢沙发

无作为-不仅仅是一种态度

登录/注册广告合作

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏