Cocoon固定ページで投稿日・投稿者情報・アイキャッチを非表示にする

固定ページには投稿日や更新日の情報はほぼ要らないですよね。

たとえば「お問い合わせフォーム」や「404 Not Found」、「自動生成されるサイトマップ」などに更新日があっても意味がありません。

今回は、固定ページの投稿日、更新日、更に投稿者情報を非表示にする方法です。

デフォルト　投稿日　表示サンプル

デフォルト　投稿者　表示サンプル

カスタマイズ方法

簡単なCSS追記のみです。

CSS追記は以下のいずれかから行って下さい。

外観→カスタマイズ→追加CSS

外観→テーマエディター→style.css

すべての固定ページで非表示

投稿日・更新日のみを非表示にする場合

/************************//* 固定ページの日時を非表示 *//************************/.page .date-tags{ /*投稿日・更新日*/display: none;
} 

投稿日・更新日・投稿者情報を非表示にする場合

/************************//* 固定ページの不要情報を非表示 *//************************/.page .date-tags, /*投稿日・更新日*/.page .author-info{ /*投稿者情報*/display: none;
} 

投稿日・更新日・投稿者情報・アイキャッチを非表示にする場合

/************************//* 固定ページの不要情報を非表示 *//************************/.page .date-tags, /*投稿日・更新日*/.page .author-info, /*投稿者情報*/.page .eye-catch-wrap { /*アイキャッチ*/display: none;
}

特定のページだけ非表示

日付を表示したいページもある場合は、表示したくないページのみを指定してCSSに記述する事で可能です。

対象記事の編集にカーソルを載せる

ブラウザの下部にアドレスが出るので、その「post=XX」の数字部分がユニークIDです。

以下の例なら86

投稿日・更新日のみを非表示にする場合

/************************//* 固定ページの日時を非表示 *//************************/.page-id-XX .date-tags{ /*投稿日・更新日*/display: none;
} 

複数ページを指定する場合は、カンマ「,」で。

/************************//* 固定ページの日時を非表示 *//************************/.page-id-XX .date-tags,
.page-id-XX .date-tags,
.page-id-XX .date-tags { 
display: none;
} 

アイキャッチを非表示にする場合

/************************//* 特定ページのアイキャッチを非表示 *//************************/.page-id-XX .eye-catch-wrap { /*アイキャッチ*/display: none;
}

ついでにSNSボタンの非表示

ちなみに固定ページでSNSシェアボタンを表示しない場合は、以下で。

Cocoon設定→SNSシェア

Cocoon設定→SNSフォロー