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

TCDテーマHAKU:ページヘッダーの高さを変更する方法

Q.固定ページやアーカイブページのヘッダー背景画像の縦幅は変更できますか。

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

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

〇に任意の数値を指定してください。デフォルトは600pxです。なお、大幅に数値(高さ)を変更しますと、キャッチフレーズの位置の調整も必要となる場合があります。

・固定ページのページヘッダーの高さを変更する

当該固定ページ編集画面のカスタムCSS欄に入力してください。
(※TCDテーマ>サイト基本設定のカスタムCSS欄に入力するとすべての固定ページの同箇所に反映されます。)

.page #page_header { height: 〇px; }
・アーカイブページのページヘッダーの高さを変更する

TCDテーマ>サイト基本設定のカスタムCSS欄に入力してください。

//ブログ一覧ページ
.blog #page_header { height: 〇px; }
//カテゴリー一覧ページ
.archive #page_header { height: 〇px; }
//商品アーカイブページ
.post-type-archive-product #page_header { height: 〇px; }
//お知らせアーカイブページ
.post-type-archive-news #page_header { height: 〇px; }
HAKUデモ

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

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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