記事の最終更新日を表示する方法 HTML5対応版

記事タイトルの下の部分に公開日と一緒に最終更新日が表示されています

公開日と最終更新日を追加

WordPressのテーマをいじって、記事タイトルの下に記事の公開日に加えて最終更新日を表示するようにしました。今までは記事を編集した際に変更した部分に日付を併記していたのですが、これで手動で追記する必要が無くなりました。

基本的にはこちらのサイト内容を実行した形。
WordPressで最終更新日を表示する方法(予約投稿にも対応) | WP SEOブログ
WordPressテーマの functions.php にリンク先のコードを記述して、以下のコードをテーマの表示したい場所に記述します。

当ブログでは以下のように記述しています。
公開日:<?php the_time(‘Y年n月j日’) ;?><br />
<?php if ($mtime = get_mtime(‘Y年n月j日’)) echo ‘最終更新日:’, $mtime; ?>

引用元:WordPressで最終更新日を表示する方法(予約投稿にも対応) | WP SEOブログ

でもせっかくですから、ここでひと手間加えてHTML5に対応させてみようと思います。
<time> タグでくくり、更に datetime で正しい日付を指定することで見る人に嬉しく・私に嬉しく・検索エンジンに嬉しくと三大優しく。
HTML5の詳しい解説はこちらのサイトへ。
ほんっとにはじめてのHTML5 [25] 新しい要素
これで例えば検索エンジンに正しい記事の公開日が伝わって、検索結果に反映されるそうです。

検索結果のサイト説明文前に日付が表示されるわけですね

検索結果の説明文の前に日付追加

そんなわけで私が設定したのがこのコードになりますんで参考にどぞぞ。
まずは公開日を優先して検索エンジンに伝えるタイプ

公開日:<time class="entry-date" datetime="<?php the_time('c') ;?>"><?php the_time('Y年n月j日') ;?></time><br>
<?php if ($mtime = get_mtime('Y年n月j日')) echo '最終更新日:' , $mtime; ?>

こちらは、最終更新日を優先して検索エンジンに伝えるタイプです。

<?php if (get_mtime('c') == null) : ?>
公開日:<time class="entry-date" datetime="<?php the_time('c') ;?>"><?php the_time('Y年n月j日') ;?></time>
<?php endif; ?>
<?php if (get_mtime('c') != null) : ?>
公開日:<?php the_time('Y年n月j日') ;?><br>
<time class="entry-date" datetime="<?php if ($mtime = get_mtime('c')) echo '' , $mtime; ?>"><?php if ($mtime = get_mtime('Y年n月j日')) echo '最終更新日:' , $mtime; ?></time>
<?php endif; ?>

お好きな方を使って見てくださーい。
しかしアレですね、こうやって記録に残ると「この記事は長いこと手直ししてないなぁ、なんかちょっといじってみようかなぁ」みたいな気持ちが生まれてきます。
全部というわけじゃなくとも少しずつ見直して手直しするべきところはする、みたいなのもアリかもですね。一年に一回くらいのペースで最新の情報にアップデート!ってやつ。
無ー理ー。

 この記事へのコメント

  1. […] | WP SEOブログ ・WordPressで記事の最終更新日を表示する方法 HTML5対応版 上記サイトと本記事で自分好みにカスタマイズ可能だと思います。 […]

  2. […] をされても表示されるようにならないか?と考え Google で調べた所、「記事の最終更新日を表示する方法 HTML5対応版」という記事をみつけた。こちらのサイトで加筆修正を行った記事「 […]

  3. 投稿と固定ページに最終更新日を入れるなど | oohiroma より:

    […] WordPressで記事の最終更新日を表示する方法 HTML5対応版 […]

  4. […] WordPressで記事の最終更新日を表示する方法 HTML5対応版 […]

  5. […] WordPressで記事の最終更新日を表示する方法 HTML5対応版 […]

  6. […] 記事の最終更新日を表示する方法 HTML5対応版 ↑こちらのANKARE IIDXさんの記事を参考にして、カスタマイズしました。 実際に記述したところです。 完了したらファイルを更新しま […]

  7. […] 参考:-HTML5タグリファレンス 参考:WordPressで記事の最終更新日を表示する方法 HTML5対応版 […]

  8. […] るように設定したいという方は、WordPressで記事の最終更新日を表示する方法 HTML5対応版が参考になると思います。 […]

  9. […] HTML5への対応については、記事の最終更新日を表示する方法 HTML5対応版という記事が参考になります。 […]

  10. […] 参考 WordPressで記事の最終更新日を表示する方法 HTML5対応版 […]

  11. […] 検索結果に表示される日時を正しく検索エンジンに伝える方法です。 WordPressで記事の最終更新日を表示する方法 HTML5対応版 […]

コメントを残す

関連記事

NO IMAGE

【WordPress】 投稿記事・固定ページ内でパソコンとスマホのデバイスごとに...

NO IMAGE

WP用プラグイン『Feedback Champuru』でコメント欄を賑やかし

NO IMAGE

Googleアドセンス・アナリティクス用のプライバシーポリシーを設置しました【例...

NO IMAGE

スポンサードリンクとしてスポンサードリンクを追記

NO IMAGE

スポンサードリンク、サイドバーに移動してスポンサードリンクバーになる

NO IMAGE

【WordPress対応】Flickrの写真を正しく引用するブックマークレット