文章最后更新时间:2026-06-12 00:57:01
![图片[1]-WordPress 文章 24 小时新标签代码 子比主题新版标教程](https://www.902d.com/wp-content/uploads/2026/06/eead00a51520260612004549.webp)
WordPress 文章 24/48 小时新增标签代码教程
本文分享一款适用于 WordPress 站点的最新文章标识代码,搭配子比主题样式,可自动为 24 小时(可修改为 48 小时)内发布的文章添加「新」字动态标签,仅在列表页展示、文章详情页隐藏,兼顾美观与实用性。
代码整体作用
该代码分为样式渲染与逻辑判断两大模块,部署后无需手动操作,系统会根据文章发布时间自动识别新文章,并展示带流光动画的新版标,提升站点内容活跃度辨识度,让访客快速区分新旧内容。
分段功能详解
1.样式加载模块
通过 wp_head 钩子在网站头部引入自定义 CSS 样式,定义了「新」标签的外观、尺寸、圆角、倾斜效果与流光滚动动画。标签自带渐变光影动效,视觉醒目且风格协调,同时做了性能优化,动画渲染流畅不占用过多资源。
2.钩子重置与挂载
先移除原有同名过滤钩子,避免函数重复加载引发冲突,再重新绑定标题过滤钩子,确保功能稳定生效,是 WordPress 二次开发中标准的防冲突写法。
3.逻辑判断核心函数
后台屏蔽:网站管理后台不会显示新版标,仅前台访客可见,不影响运营操作;
详情页屏蔽:单独打开文章正文页面时,自动隐藏标签,页面布局更简洁;
内容筛选:仅针对普通文章(post)生效,页面、自定义文章类型等内容不受影响;
时间判断:自动获取文章发布时间戳,和当前时间做对比,默认判定24 小时内发布的内容为新文章,开发者可简单修改参数,切换为 48 小时时效;
标签输出:符合时间条件的文章,会在标题前方追加动态「新」字标识,不破坏原有标题结构。
简易使用说明
将完整代码复制粘贴至主题functions.php或新建fun.php文件中,保存即可立即生效。如需调整新文章判定时长,只需修改代码内 24 * 60 * 60 为 48 * 60 * 60,即可改为 48 小时内文章显示新版标。代码兼容子比主题内置样式类,无需额外调整 CSS。
代码如下:
网站名称:玩转网
本文链接:
版权声明:知识共享署名-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)协议进行许可
本站资源仅供个人学习交流,转载时请以超链接形式标明文章原始出处,(如有侵权联系删除)









![子比主题论坛系统以及全新V6开发进度汇报[更新预告]-玩转网](https://www.902d.com/wp-content/uploads/2021/10/2021101910243451.png)






