［WordPress］Cocoon記事投稿日を出す・出さないのカスタマイズ

Cocoonテーマ、記事の投稿日についてです。

見ると基本的にはトップ一覧に出、
個別記事でも投稿日は表示されるようになってます。

例えば、ある投稿日…
❶トップには出したくないけど、個別記事は出てもいいよ…とか、

❷この記事には出したいけど、あの記事は非表示にしたい…など

って場合はどう操作する・・・？

投稿記事の日付けは、
Cocoon設定のインデックスタブから入り、

投稿関連情報で表示 ⇨ 投稿日を表示するに✓点を入れます。

ここでの設定は、
全部に日時を出すか出さないかの2択しかないよう。

なのでCocoonの設定では、
基本“投稿日を表示する”にしておいて、

表示したくない記事は、
個別に日付けをオフにする、というやり方が良いと思います。

おそらくは…
投稿日をオフりたい記事のほうが、少ないと思いますんで😁

一例として、
ここではトップ一覧の投稿日を非表示にしてます。

流れとしては、
アクセス数の非表示で上げたのと同じ方法で、該当する部分をクラス指定でカスタマイズします。

まずは投稿日が出てるトップページ上で、
リンクポインタ👆（手のマーク）じゃない…矢印ポインタ↖の出るあたりを右クリックし。

一覧から、
ページのソース表示って項目をクリック。

※使ってるブラウザEdgeなのでそれで説明します。

ソースコードのページがブラウザで開き。

その中で非表示にしたい箇所・・・
“たぶんココ”って場所を見つけます。

続いて管理画面の外観 ⇨ カスタマイズをクリックし。

追加CSSをクリック、
そこへ以下のコードを記入。

記入したあとは公開ボタン押しをお忘れなく。

これでトップ記事一覧の投稿日が非表示になります。

ただ各記事へ飛ぶと、
そこには投稿日が表示されます。

ここはCocoonで設定した通り消してませんし、表示させたいのでこのままでOK。

その上で一部記事の、
投稿日を非表示にしたいときは…

記事ごとにCSS入力できる箇所へ、コードを入れて操作しましょう。

投稿日を非表示にしたい記事内にある、
カスタムCSSに以下のコードを入力すればOKです。

このコードの探しかたも、
上記のようにソースを見て探します。

わかりやすいコーディングなので見つかるかと思う。

カスタムCSSは、
その記事だけに有効なCSSなので、単独での指定によいかと。

と…こんな感じで操作してます😁