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

文章最后更新时间:2026-06-12 00:57:01

图片[1]-WordPress 文章 24 小时新标签代码 子比主题新版标教程

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。

代码如下:

WordPress 文章 24 小时新标签代码 子比主题新版标教程
隐藏内容,输入密码后查看
关注公众发送:密码
火币HTX
HTX全球站
加入火币HTX,尊享高达1,500 USDT迎新大礼
© 版权声明
THE END
喜欢就支持一下吧
点赞210赞赏 分享