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

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

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

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

多くの方が、かつて百度やGoogleで資料、特に技術的な資料を検索したことがあると思います。そして習慣的に新しいバージョンのチュートリアル記事を読むでしょう。 私たちが記事を公開した後、記事を修正しても、記事の公開時間は修正せず、更新をクリックするだけです。したがって、訪問者に通知する必要があり、この記事が最後にいつ修正・更新されたかを伝え、訪問者が公開日がN年前であることを見てすぐにページを閉じてしまうことを避けるためです。したがって、私たちは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;
}
最終的な効果は以下の通りです:last_updated注意点は、記事の修正時間が24時間を超えた場合にのみ最終更新時間が表示されることです。間隔時間を変更したい場合は、コード内の86400を変更してください。

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

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

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

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

👉 サイト構築伴走サービスを詳しく見る
🔒

コメントは終了しました

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

×
二维码

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

AIサイト構築アシスタント

🤖
こんにちは!私はNaibaサイト構築ノートのAIアシスタントです。何かお手伝いできることはありますか?
クイックコンサルティング: