• 客服微信1828868518 点击这里给我发消息
  • 下载资源,选择【普通下载】按钮即可

WordPress文章页面自动添加最后一次更新编辑时间日期

图文馆 1itao 3个月前 (08-19) 276次浏览 0个评论 扫描二维码

由于一些文章内容具有时效性,很多时候,我们往往需要对之前发过的文章进行修改。更新文章后,默认情况下,文章的时间还是发布时间而非最近的这次修改日期。这样对读者就非常不友好,因为读者一般喜欢阅读最近的文章,如果时间显示太久远,大概率会望而却步。尽管我们可以手动输入文章的更新修改时间,但毕竟费时且麻烦。

那么,今天给大家带来这个教程,可以在文章页面自动增加最后一次更新时间,效果如下图:

WordPress文章页面自动添加最后一次更新编辑时间日期

在当前WordPress主题的“ functions.php”模板中,复制粘贴以下代码:

/**
* @desc 文章最后更新时间/全局
* @param $content
* @return string
*/
function my_last_updated_date( $content ) {
$u_time = get_the_time( 'U' );
$u_modified_time = get_the_modified_time( 'U' );
$custom_content = '';
if ( $u_modified_time >= $u_time + 86400 ) {
$updated_date = get_the_modified_time( 'Y-m-j a' );
$custom_content .= '<p class="last-updated entry-meta">本文最后更新于<span style="color: #ff0000;">'. $updated_date . '</span>,有些内容具有时效性,如有问题,可在下方留言或联系客服</p>';
}
$custom_content .= $content;
return $custom_content;
}
add_filter( 'the_content', 'my_last_updated_date' );

到这里,文章最近的编辑时间就能自动添加了。如果想要实现上图中颜色和边框的效果,还需要设置下CSS,代码如下:

.last-updated{padding:10px 20px;background-color:#ffffcc;border-radius:6px;border:1px solid;font-size:14px;text-align:left}

想要这个代码生效,理论上可以直接添加到主题的CSS样式文件中,或者单独建一个CSS文件到网站。然而,博主在DUX主题上用这两种方式都没有成功,最后还是在外观—DUX 主题设置—自定义代码—自定义CSS样式,添加了上述代码才搞定。看来,修改WordPress主题还是要优先考虑主题自带的设置选项,比直接修改代码要安全和方便!


喜欢 (0)
[]
分享 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址