WordPress给最新及置顶文章分别添加new和top图标方法

很多站长会在置顶文章或者是24小时内最新发布的文章标题加上相应的图标,不仅可以增加美观,也可以提高用户浏览网站的点击率。今天为大家分享一个WordPress给最新及置顶文章分别添加new和top图标方法。

WordPress给最新及置顶文章分别添加new和top图标方法

新文章图标方法一:

<?php

function add_title_icon($title)

{

global $post;

$post_date=$post->post_date;

$current_time=current_time('timestamp');

$diff=($current_time-strtotime($post_date))/3600;

$title_icon_new=get_bloginfo('template_directory').'/images/new.gif';

if($diff<24)

{

$title='<img src="'.$title_icon_new.'" />'.$title;

}

return $title;

}

add_filter('the_title','add_title_icon',999);

?>

把以上代码插入在主题文件夹的 functions.php 里就行了,可以修改代码中的24为你想要的数值,则超过规定的时间后图标就会自动消失。再把 new.gif 图片文件上传到当前主题的images目录下面即可。

置顶文章图标方法:

<?php

function add_top_title_icon($title)

{

global $post;

$title_icon_top=get_bloginfo('template_directory').'/images/top.gif';

$sticky = get_option('sticky_posts');

if($sticky)

{

$title=in_array($post->ID,$sticky)?'<img src="'.$title_icon_top.'" />'.$title:$title;

}

return $title;

}

add_filter('the_title','add_top_title_icon',999);

?>

使用方法如同添加new图标代码,用了以上代码后,如果页面列表里的链接也加上了和标题一样的new图标,可以添加以下代码解决:

function strip_page_icon_html($content)

{

$content = preg_replace('@<img(\s?)src=(.*?)(\s?)\/>@','',$content);

$content = preg_replace('@<img(\s?)src=(.*?)(\s?)\/>@','',$content);

return $content;

}

add_filter('wp_list_pages','strip_page_icon_html',1000);

加上修正代码以后,一切应该正常显示了。

最新文章图标方法二:

<?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="'.get_bloginfo('template_directory').'/images/new.gif" alt='24小时内最新' />';}

?>

把这段代码加到需要的地方就行,比如 single.php 中的。

PS:比较一下方法一和方法二的区别,方法一用到了 hook,也就是钩子,打击面一大片,比如说首页和内页的正文标题处、侧边栏的最新文章、甚至是后台控制板编辑文章的标题前也会自动添加 NEW 小图标;而方法二只是在需要的地方添加。

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有M币奖励和额外收入!

模板下载吧 WP技术 WordPress给最新及置顶文章分别添加new和top图标方法 https://www.mbxzb.com/blog/file/wordpress/44467.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
暂无评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
官方客服团队

为您解决烦忧 - 24小时在线 专业服务