WordPress文章头部显示文章最后更新时间的方法

本文最后更新于 2024-09-13 16:28，请注意教程和资源有效性如何显示最后更新时间

在本文的上方，有显示本文最后的更新时间，并添加了css样式，看起来比较好看，怎么实现的呢？

WordPress文章头部显示文章最后更新时间的方法

为了解决主题更新带来的自定义修改被覆盖的问题，我们使用新建子主题的方式来修改主题的功能和样式

访问你的服务器后台，例如宝塔，查看目前使用主题的命名，比如目前我用的主题是justnews

那么我们就在这个justnews文件的下方新建一个主题的子文件夹，例如我新建的是justnews-child，之后所有的主题修改全部在justnews-child文件夹里面新建或者修改

在justnews-child文件夹里新建functions.php和style.css的空文件，如下图

在style.css添加以下代码，期中Theme name是我们刚刚新建的文件夹，Template是我们使用的主题文件夹，Version是本css的版本号，这个数字需要和functions.php的版本数字相同，如果你使用，需要根据你的主题修改对应的名字就可以。

/*
    Theme name: justnews Child
    Template: justnews
    Version: 1.0.5
*/

.last-updated {
    color: #29ad00 !important; /* 字体颜色为绿色 */
    background-color: #eaf7e6 !important; /* 底色为浅绿色 */
    padding: 5px 10px; /* 底色左右比文字多出10px */
    border-radius: 10px; /* 框的角为10度 */
}

然后打开，在functions.php写入下方代码

<?php
function justnews_child_enqueue_styles() {
    // 加载父主题的样式
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/css/style.css');
    // 加载子主题的样式
    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'), '1.0.5');
}
add_action('wp_enqueue_scripts', 'justnews_child_enqueue_styles');

// 显示文章最后更新时间
function show_last_updated($content) {
    if (is_single()) {
        $u_time = get_the_time('U');
        $u_modified_time = get_the_modified_time('U');
        if ($u_modified_time >= $u_time + 86400) {
            $updated_date = get_the_modified_time('Y-m-d');
            $updated_time = get_the_modified_time('H:i');
            $custom_content = '<p class="last-updated">本文最后更新于 '. $updated_date . ' ' . $updated_time .'，请自行判断教程和资源有效性</p>';
            $content = $custom_content . $content;
        }
    }
    return $content;
}
add_filter('the_content', 'show_last_updated');
?>

保存即可，需要注意的是，代码里面有版本号，如果你使用了cdn，每次你修改了css的内容后，需要将functions.php和style.css的版本号同时+1，比如1.0.1，这样就会强制刷新最新的样式效果了。

最后，登录wp管理后台，打开路径外观-主题，找到刚刚新建的子主题名字，点击启用，搞定。

子主题启用后，主主题会失去启用状态，不要担心，不影响主题的使用，因为我们已经在子主题里面引入主主题的文件了

wp后台随便点开一篇文章，修改部分内容，点击更新，访问这篇文章，看看是不是增加了最后的更新时间。如果文章没有更新，访问网站文章是不显示更新时间的！！！

原创文章，作者：守望者，如若转载，请注明出处：https://kissangel.online/96.html