各ページのヘッダー・タイトルなどのcssでの表示・非表示設定【備忘録】

WordPress, カスタマイズ, ホームページを作ってみよう, 制作

投稿ページヘッダーの非表示

今回、投稿ページのヘッダーの非表示の仕方がわからず、どうやったもんかとあれやこれやと試した結果、これで行けたのでメモしておきます( ..)φメモメモ

.single .○○○○{display:none;}

※singleページのヘッダー画像(class名○○○○)を非表示にしますよーというcssです。

 

投稿ページタイトルの非表示

おんなじ感じで、タイトルに非表示は

.single .hentry .title-post{display:none;}

※singleページのタイトルを非表示にしますよーというcssです。

気を付けておきたいのが.singleと入れとかないとすべてのタイトルが非表示になってしまう事。

 

固定ページタイトルの表示・非表示

固定ページのタイトルを非表示させたいときは

.hentry .title-post{display:none;}

※固定ページのタイトルは非表示にしますよーというcssです。

固定ページのタイトルを表示させたいときは

.hentry .title-post{display:block;}

※固定ページのタイトルは表示にしますよーというcssです。

 

カテゴリページタイトルの表示・非表示

同様にカテゴリのページのヘッダー画像を非表示

.archive .hentry .title-post{display:none;}

※archiveページのヘッダー画像名を非表示にしますよーというcssです。

カテゴリのページのヘッダー画像を表示

.archive .hentry .title-post{display:block;}

※archiveページのヘッダー画像名を非示にしますよーというcssです。