WordPressで記事の最終更新時間を表示する方法

このWordPressチュートリアルWordPress記事ページに最終更新時間を表示する方法を教えます。コード版とプラグイン版に分かれています。

なぜ記事の最終更新時間を表示する必要があるのでしょうか？

多くの方が百度やGoogleで資料を検索した経験があると思います。特に技術系の資料です。そして、習慣的に新しいバージョンのチュートリアル記事を読もうとします。

記事を公開した後、修正を加えても公開日は変更されず、更新ボタンをクリックするだけです。そのため、訪問者にこの記事が最後にいつ修正・更新されたかを知らせる必要があります。訪問者が公開日が何年も前だと見て、すぐにページを閉じてしまうのを防ぐためです。そこで、WordPressに記事の最終更新時間を表示させる。

コード方式でWordPress記事の最終更新時間を表示する

コード方式でWordPress記事の最終更新時間を追加するには、以下のコードを記事テーマの関数に追加します。もし方法がわからない場合は、こちらをお勧めします：functions.phpファイルにコードを安全に追加する方法：Code Snippets

//文章显示最后更新时间https://blog.naibabiji.com/skill/wordpress-xian-shi-zui-hou-geng-xin-shi-jian.html
function wpb_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('F jS, Y');
$updated_time = get_the_modified_time('h:i a'); 
$custom_content .= '<p class="last-updated">Last updated on '. $updated_date . ' at '. $updated_time .'</p>';  
} 
 
    $custom_content .= $content;
    return $custom_content;
}
add_filter( 'the_content', 'wpb_last_updated_date' );

次に、最終更新時間の表示効果を設定します。以下はNaibaが現在使用しているスタイルで、テーマのCSSに追加してください。

.last-updated {
    color: #db7c22;
background: #fff4b9;
border: 1px solid #eac946;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
font-size: 14px;
}

最終的な効果は以下の通りです：

注意点は、記事の修正時間が24時間を超えた場合にのみ最終更新時間が表示されることです。間隔時間を変更したい場合は、コード内の86400を変更してください。

プラグイン方式でWordPressに最終更新時間を表示させる

コード方式で間違えるのが心配なら、プラグインを使って表示することもできます。直接
Last Updated Shortcode というプラグインを使用すればOKです。

プラグインのダウンロードURL：https://wordpress.org/plugins/last-updated-shortcode/

使用方法は、記事を書く際に直接ショートコード[lastupdated]を挿入するだけです。下図のように。

公開後の効果は下図の通りです：

「Last updated:」という文字を変更したい場合は、プラグインファイルの57行目を修正してください。