「新着記事」ブロックや「人気記事」ブロックの投稿日・更新日の一方を表示する方法

はじめに

「新着記事」ブロックや「人気記事」ブロックで「投稿日・更新日を表示する」をオンにすると、投稿日と更新日が表示されます（図1参照）。

しかし、どちらか一方のみを表示したい場合もあります。

そこで、投稿日と更新日の両方がある場合は、更新日を優先して表示するようにします。

この記事では、この方法について説明します。

完成イメージ

実装手順

以下のコードをstyle.cssに追加します。

.widget-entry-card-date > span:nth-last-child(2) {
  display: none;
}

解説

CSSクラスwidget-entry-card-date内の要素の並びを基に、後ろから2番目の要素を非表示にすることで、表1のように表示されます。

さいごに

今回紹介した方法を使えば、「新着記事」ブロックや「人気記事」ブロックで、更新日がある場合は更新日のみを表示し、ない場合は投稿日を表示できます。