子比主题 – 文章添加更新/过期时间

这是一篇子比主题文章添加更新/过期时间的美化教程,网上都有的,展示文章发布时间,能让用户直观了解内容时效性。

效果图

效果图

如何应用到子比主题?
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代码
  1. 复制代码:将下面的完整 CSS 代码复制下来
  2. 添加到子主题:进入 WordPress 后台 → 子比主题设置全局功能自定义代码自定义CSS样式 ,将代码粘贴到输入框中
  3. 保存生效:点击 “发布” 按钮,刷新文章页面即可看到效果。

此处内容需要评论回复后方可阅读

结语

这样就成功添加发布/过期时间了,让用户一目了然。即使反馈失效等问题。

评论区
头像