WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマNANO:固定ページでページヘッダーを表示しない方法

Q.固定ページのデフォルトテンプレートのヘッダ以下のスペースを狭くするにはどうしたらよいでしょうか。

NANOの固定ページでは「ページヘッダー設定」で各ページごとにページヘッダーの内容を詳細に設定頂ける仕様となっております。

BIRTHなどの一部TCDテーマでは、固定ページのテンプレートから「ページヘッダー(ページタイトル)なし」を選択出来るものもあります。

 
▼変更箇所イメージ
変更箇所イメージ

A.下記の方法でご対応ください。

各固定ページの編集画面のカスタムCSSに下記を入力

.p-cover { display: none; }
@media only screen and (min-width: 1200px) {
 .p-archive-header__title { margin-top: 80px; }
}

 
グローバルメニュー、ヘッダーどちらも非表示としたい場合は下記CSSをご入力ください。

.p-cover, .l-header { display: none; }
@media only screen and (min-width: 1200px) {
 .p-archive-header__title { margin-top: 80px; }
}

補足)
ページ上部分を非表示とすると、間が詰まっているように見えますため、上記の記述ではキャッチフレーズの上部分に余白を設けております。数値は適宜ご変更くださいませ。

NANOデモ

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施をお願いいたします。

またカスタマイズ内容は、バージョンにより異なる場合がございますこと予めご理解賜りますようお願いいたします。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。