🚀 サイト構築が難しい?手取り足取りご案内します——「WordPressサイト構築伴走」サービスを詳しく見る →

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

このWordPressチュートリアルWordPressの投稿ページに最終更新日時を表示する方法を、コード版とプラグイン版に分けてご紹介します。

なぜPostの最終更新日時を表示するのですか?

多くの方が、特に技術的な資料を検索する際に、BaiduやGoogleで検索し、習慣的に新しいバージョンのチュートリアル記事を読むことがあると思います。記事を公開した後、たとえ記事を修正しても、公開日時は変更せず、更新をクリックするだけです。そのため、訪問者に、この記事が最後にいつ修正・更新されたかを知らせる必要があります。公開日が何年も前だと見てページを閉じてしまうのを避けるため、WordPressで記事の最終更新日時を表示する

コードを使用してWordPress Postの最終更新日時を表示

コードを使用して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 .= '

Last updated on '. $updated_date . ' at '. $updated_time .'

'; } $custom_content .= $content; return $custom_content; } add_filter( 'the_content', 'wpb_last_updated_date' );
次に、最終更新日時の表示スタイルを設定します。以下はNaibaが現在使用しているスタイルで、あなたのThemeのCSSに追加してください。
.last-updated {
    color: #db7c22;
background: #fff4b9;
border: 1px solid #eac946;
overflow: hidden;
margin: 10px 0;
padding: 15px 15px 15px 35px;
font-size: 14px;
}
最終的な効果は以下の通りです:last_updated注意点として、Postの修正時間が24時間を超えた場合にのみ最終更新日時が表示されます。間隔時間を変更したい場合は、コード内の86400を修正してください。

Pluginを使用してWordPressに最終更新日時を表示させる

コード方式を使用するのが不安な場合は、Pluginを使用して表示する方法も試してみてください。直接 Last Updated ShortcodeというPluginを使用すればOKです。 Pluginダウンロードアドレス:https://wordpress.org/plugins/last-updated-shortcode/使用方法は、Postを書く際に直接Shortcode [lastupdated]を挿入するだけです。下図のように。[lastupdated]公開後の効果は以下の図の通りです:[lastupdated]「Last updated:」という文字を変更したい場合は、プラグインファイルの57行目を変更してください。

🚀 チュートリアルを見てもまだ迷っていますか?私が直接手を取ってご案内しましょう

「WordPressサイト構築伴走サービス」——ドメイン名の選択、ホスティングの購入から、Themeのインストール、公開、投稿まで、すべてのステップで私が伴走し、遠回りをせずに目標に直行します。

👉 サイト構築伴走サービスについて詳しく知る
🔒

コメントは閉鎖されました

この記事のコメント機能は閉鎖されています。ご質問がある場合は、他の方法でお問い合わせください。

×
二维码

QRコードをスキャンしてフォロー