WordPress

[WordPress]Cocoon投稿日の表示や非表示について

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

デフォルトだとトップ一覧に出、
個別記事でも日付けは表示されるようになってます。

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

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

って場合は・・・?

 

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

投稿関連の投稿日設定の画面

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

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

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

表示したくない記事は、
個別に日付けをオフにする

というやり方が良いかと思います。

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

 

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

流れとしては、
アクセス数の非表示で上げたのと同じ方法で、クラス指定する感じです。

[WordPress]Cocoon記事一覧、抜粋の下にあるアクセスを非表示に
トップ一覧の抜粋下にいろんなアクセス数が出るのを非表示にしたい。CSSを使ってカスタマイズできます。

 

まずはサイト上で、
リンクポインタ👆(手のマーク)じゃない…矢印ポインタ↖の出るあたりを右クリックし。

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

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

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

投稿日のソースコード

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

 

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

コクーンのスタイルシート設定画面

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

追加のCSSコード

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

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

 

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

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

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

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

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

カスタムCSSのコード 

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

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

 

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

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

コメント