这是一篇子比主题文章添加更新/过期时间的美化教程,网上都有的,展示文章发布时间,能让用户直观了解内容时效性。
效果图
如何应用到子比主题?
PHP代码
将下方代码放到:/ wp-content / themes / zibll / func.php 文件里面,没有这个文件自己创建一个,记得加上php头,要不然报错。
// 文章过期提示
function article_time_update() {
date_default_timezone_set('PRC');
$newdate=time();
$updated_date = get_the_modified_time('Y-m-d H:i:s');
$updatetime=strtotime($updated_date);
$custom_content = '';
if ( $newdate > $updatetime+86400) {
$custom_content= '<div class="article-timeout"><strong><i class="fa fa-bell" aria-hidden="true"></i> 温馨提示:</strong>本文最后更新于<code>'. $updated_date . '</code>,某些文章具有时效性,若有错误或网盘失效,请在下方<a href="#comment">留言</a>或联系<a target="_blank" title="DaenGAME" href="http://wpa.qq.com/msgrd?v=3&uin=5917254号&site=qq&menu=yes"><b>站长</b></a>。</div >';
}
echo $custom_content;
}
add_action('zib_posts_content_after', 'article_time_update');
显示位置选择
默认显示在文章之后。如果想让在文章之前显示,可以尝试以下调整:
- 将上方代码最后一行(add_action('zib_posts_content_after', 'article_time_update');)中的 after 改成 before 就可以显示在文章上方了。
CSS代码
- 复制代码:将下面的完整 CSS 代码复制下来
- 添加到子主题:进入 WordPress 后台 → 子比主题设置 → 全局功能 → 自定义代码 → 自定义CSS样式 ,将代码粘贴到输入框中
- 保存生效:点击 “发布” 按钮,刷新文章页面即可看到效果。
结语
这样就成功添加发布/过期时间了,让用户一目了然。即使反馈失效等问题。