Release 2017.6.18 / Update 2017.6.19

WordPress備忘録公開日・更新日の表示

主に自分のためのWordpressカスタマイズ情報。

記事上に、公開日、更新日を表示させるようにする。ただし、htmlタグで1記事ごとに書き足していくのは大変だし、面倒なので、phpファイル等の変更で自動的に書き出されるよう設定する。

下準備

公開日は単純に、

対して、状況に応じた「更新日表示」は一手間あるので、function.php内に関数を作ると勝手がいい。

ところが、使っているテーマがアップデートされると、そのfunction.phpは上書きされてしまう。そうならないよう、子テーマを作り、そこへ関数を書き足す。

jumbleat – 子テーマを作る

function.php

有効にした子テーマ内へ、「変更があればその更新日を吐き出す」関数を追記。

コードはこちらを流用させてもらいました

状況で表示が変わるコード

基本「公開日」のみで、if分岐で「更新日」も表示するコード。ついでにCSSでレイアウト出来るよう“date-of-post”クラス属性も追加。これを任意の場所に書き足す。

親テーマにコードを追記

上記コードを、以下の親テーマphpファイル内へ追加。

  • content.php(個別投稿用)
  • content-page.php(固定ページ用)

サムネイル画像直下に表示させたいので、以下の場所へ。

この追記は親テーマのアップデートで消されてしまうが、コードのコピペだけで復帰できる。

CSSレイアウト

「外観」の追加CSSで、表示のレイアウトを設定。画像との行間を詰めるため、“post-thumbnail”も設定。

こちらも子function.phpと同様に、親テーマのアップデートには影響を受けないので一回書き込めばいい。

 

参考サイト

パシのWP SEOブログ – WordPressで最終更新日を表示する方法

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA