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

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

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

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

/*文章最后更新时间*/
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

没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码