「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

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; }

この記事は役に立ちましたか?

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

同じテーマのカスタマイズ記事