cocoon 固定ページの日付を非表示にする方法

cocoon（コクーン）は、自動的に日付が表示されます。

下記画像のピンク枠の日付です。

記事の日付は、作成日や編集された更新日が表示されて便利ですが、ほとんど更新されないプロフィール、プライバシーポリシー、お問い合わせフォームなどの日付は必要ないと感じます。

日付が非表示になると、スッキリしますね。

固定ページの日付を非表示にする方法です。

cocoon 個別に固定ページの日付を非表示にする方法

固定ページに「プロフィール」「お問い合わせ」「プライバシーポリシー」がある場合、全ての日付を非表示にするのではなく、「プライバシーポリシー」だけを非表示にするといった、個別に非表示にする方法です。

日付を非表示にしたいページの記事IDを調べます。

① WordPressのダッシュボードから「固定ページ」→「固定ページ一覧」を選択します。

② 固定ページ一覧の「ID」をメモします。

固定ページの一覧表から、非表示にしたいページの記事IDの数字を確認して、メモしておきます。ピンク枠の中の数字が記事IDです。

「post-〇〇」の〇のところに、先程メモした記事IDの数字を入れます。

非表示ページが１つの場合

.post-〇〇 .date-tags {
display: none;
}

非表示ページが複数の場合

.post-〇〇 .date-tags,
.post-〇〇 .date-tags,
.post-〇〇 .date-tags {
display: none;
}

上記の複数例は非常時ページが3つの場合です。

「.post-〇〇 .date-tags,」が1ページ分となるので、さらに増やしたい場合は「.post-〇〇 .date-tags,」を追加してください。

子テーマのスタイルシートにコードを追加する場合

WordPressのダッシュボードから「外観」→「テーマエディター」で、Cocoon Child スタイルシート（style.css）に追加します。

これまでにコードの追加をしている場合は、その後ろに追加します。

きゅんこみ

/*固定ページの日付非表示*/
こんな感じのコメントアウトをつけておくとわかりやすいです

コードを追加したら、「ファイルを更新」を押して保存します。

これで、指定した固定ページの日付が非表示になります。

【追加CSS】に追加する場合

上記のようにCocoon Child スタイルシートに追加する方法のほかに、簡単にできる【追加CSS】があります。

【追加CSS】画面に行くにはいろいろな方法があります。

① WordPressのダッシュボードから「外観」→「カスタマイズ」

②「外観」→「テーマエディター」→「付随のCSSエディター」

③ ツールバー（上部の表示）→「管理メニュー」→「カスタマイズ」

①～③のどの方法でも同じ画面になるので「追加CSS」を選択します。

追加CSSのピンク枠の部分にコードを追加します。

コードを追加したら、「公開」を押します。

これで、指定した固定ページの日付が非表示になります。

以上が、cocoon の固定ページの日付を個別に非常にする方法です。

個別ではなく、固定ページの全てで日付を非表示にする方法です。

個別のときと同じように子テーマのstyle.cssに下記コードを追加します。

.page .date-tags {
display: none;
}

これで、固定ページの日付が非表示になります。

個別に非表示、全てを非表示、どちらもCSSにコードを追加する方法です。

固定ページの日付を消したいと思っている方、お試しください。