WordPress 文章 24/小时新增标签代码教程

WordPress 文章 24/48 小时新增标签代码教程

图片[1]-WordPress 文章 24/小时新增标签代码教程-雨萌屋

本文分享一款适用于 WordPress 站点的最新文章标识代码,搭配子比主题样式,可自动为 24 小时(可修改为 48 小时)内发布的文章添加「新」字动态标签,仅在列表页展示、文章详情页隐藏,兼顾美观与实用性。

代码整体作用

分段功能详解

1.样式加载模块

通过 wp_head 钩子在网站头部引入自定义 CSS 样式,定义了「新」标签的外观、尺寸、圆角、倾斜效果与流光滚动动画。标签自带渐变光影动效,视觉醒目且风格协调,同时做了性能优化,动画渲染流畅不占用过多资源。

2.钩子重置与挂载

先移除原有同名过滤钩子,避免函数重复加载引发冲突,再重新绑定标题过滤钩子,确保功能稳定生效,是 WordPress 二次开发中标准的防冲突写法。

3.逻辑判断核心函数

  • 后台屏蔽:网站管理后台不会显示新版标,仅前台访客可见,不影响运营操作;
  • 详情页屏蔽:单独打开文章正文页面时,自动隐藏标签,页面布局更简洁;
  • 内容筛选:仅针对普通文章(post)生效,页面、自定义文章类型等内容不受影响;
  • 时间判断:自动获取文章发布时间戳,和当前时间做对比,默认判定24 小时内发布的内容为新文章,开发者可简单修改参数,切换为 48 小时时效;
  • 标签输出:符合时间条件的文章,会在标题前方追加动态「新」字标识,不破坏原有标题结构。

简易使用说明

将完整代码复制粘贴至主题functions.php或新建fun.php文件中,保存即可立即生效。如需调整新文章判定时长,只需修改代码内 24 * 60 * 6048 * 60 * 60,即可改为 48 小时内文章显示新版标。代码兼容子比主题内置样式类,无需额外调整 CSS。

代码如下

 

本站代码模板仅供学习交流使用请勿商业运营,严禁从事违法,侵权等任何非法活动,否则后果自负!
WordPress 文章 24/小时新增标签代码教程-雨萌屋
WordPress 文章 24/小时新增标签代码教程
此内容为付费阅读,请付费后查看
199积分
付费阅读
© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容