WordPressの公開日と最終更新日を表示する

2025.12.23

内容に広告・プロモーションを含みます

URLをコピーしました！

なぜ最終更新日を表示するのか？

例えばiPhoneやアプリなどの使い方を調べようと検索して、上位にヒットした記事を見たら「そもそもこの記事に記載されているヤツ、バージョンが古いんですが、、、」となったこと1度や2度はあることでしょう。

様々な技術は日々進歩していますので、それに合わせてWebサイトの情報も更新されているのがベストです。古い記事を最新の情報に合わせてせっかく更新したのであれば、その日時を表示して記事の鮮度情報を表示していきたいと思います。

当サイトにも最終更新日を表示するようにしましたが、とても簡単でしたので実装方法をやっていきたいと思います。

テンプレートをカスタマイズする

では最終更新日を表示できるようにカスタマイズしていきたいと思いますが、前提として必ずテーマのバックアップを取ってから行ってください。

修正するテンプレートファイルは投稿記事であれば「single.php」。固定ページであれば「page.php」なります。

公開日を表示するテンプレートタグは「the_date」もしくは「the_time」になりますのでテンプレートファイルのコードを検索して該当箇所を探します。

最終更新日を表示するテンプレートタグは「the_modified_date」です。該当箇所へ記述していきましょう。

PHPコード

<time>
公開日:<?php the_time('Y/m/d');?><br>
最終更新日:<?php the_modified_date('Y/m/d') ?>
</time>

HTMLタグは適宜変更してください。3行目を追加するだけです。簡単ですね。

公開日と最終更新日が異なる場合のみ最終更新日を表示する

公開日と最終更新日が同じなのに表示するのはくどいので「公開日と最終更新日が異なる場合のみ最終更新日を表示する」としたいと思います。先ほどのコードを少し修正します。

PHPコード

<time>
公開日:<?php the_time('Y/m/d');?><br>
<?php if(get_the_time('Y/m/d') != get_the_modified_date('Y/m/d')):?>
最終更新日:<?php the_modified_date('Y/m/d') ?>
<?php endif;?>
</time>

3行目、5行目の条件判定「if(get_the_time(‘Y/m/d’) != get_the_modified_date(‘Y/m/d’))」で「公開日と最終更新日が異なる場合」を判定しています。

WEBデザイナー・フロントエンドのスキルを確実に身につけたい方へ

「WEBデザインやフロントエンドを学びたい」と思い立ったとき、多くの方がまず独学を選びます。

しかし、独学では「何をどこから学べばいいかわからない」「つまずいたときに誰にも聞けない」といった壁にぶつかることも少なくありません。

一方、スクールで学べば、正しい順序で、現場で使えるスキルを効率よく習得することができます。最短ルートでスキルを身につけたい方には、スクール学習がおすすめです。

かすが

私は26歳で印刷業からWEBデザイナーを目指して学び始めましたが、やはり独学に限界を感じ短期スクールで学びました。本気でスキルを身につけたいならスクールはマジで行った方が良いです！

スクールで学ぶ5つのメリット

カリキュラムが体系化されているため、基礎から応用まで無駄なく学べる
現役のプロから実践的なフィードバックを受けられる
わからないことをすぐに質問・解決できる環境がある
制作課題を通じて、ポートフォリオが作成できる
学習仲間や講師とのつながりが、モチベーション維持につながる

スクール選びでチェックすべき5つのポイント

カリキュラムが現場で必要とされる技術に対応しているか
現役デザイナー・エンジニアが講師として在籍しているか
ポートフォリオ制作のサポートが充実しているか
卒業後の就職・転職支援が用意されているか
オンライン・通学など、自分の生活スタイルに合った受講形式か

遠回りせず、確実にスキルを身につけたいなら、プロに教わるのが一番の近道です。

WEBデザイナー・フロントエンドエンジニアとして一歩踏み出したいあなたにぴったりのスクールを、下記の記事でご紹介しています。ぜひチェックしてみてください。

【現役プロ厳選】Webデザインスクールおすすめ9選｜主婦・社会人でも学べる！