ヘッダーパターンの選択と変更

> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - ヘッダー」→「パターンの選択」
> カスタマイザーで開く: パターン選択を開く
> このページのURL: https://lite-word.com/manual/header-pattern/

ヘッダーのデザインパターンを選ぶ設定。全ページ共通で1つ選ぶか、ページタイプごとに別パターンを指定できる。

設定手順

1. WordPress管理画面の左メニューから 外観 → カスタマイズ を開く
2. 左パネルから 「デザイン設定 - ヘッダー」 を開く
3. 「パターンの選択」 セクションを開く
4. 「全ページ共通」 でベースとなるパターンを選ぶ（パターン1〜6 / ショートコード / 非表示）
5. 必要に応じて、固定ページ・投稿ページ・アーカイブページごとに別パターンを指定する
6. 上部の 「公開」 ボタンで保存

設定項目

「未選択」にすると「全ページ共通」の設定が適用される。

各パターンの違い

パターン1 — 標準（電話CTA対応）

ロゴ左・メニュー中央・CTA右の横並び。唯一、電話CTAボタンが使えるパターン。クリニック・士業など電話問い合わせが重要なサイト向け。

パターン2 — シンプル・アクセントホバー

ロゴ左・メニュー＋CTA右。メニューにマウスを乗せると背景色が塗られるエフェクト。

パターン3 — 背景色付き

パターン2と同じ構成に加え、ヘッダー全体の背景色を設定できる。ブランドカラーを前面に出したいサイト向け。ロゴやメニュー色のデフォルトが白になる。

パターン4 — ボーダー丸型ボタン

パターン2と同じ構成だが、CTAボタンが丸型（角丸100px）＋ボーダー付き。メニューホバーはアンダーライン。

パターン5 — 2段構成・ピックアップメニュー

上段にロゴ＋説明テキスト、下段にメニューバー。ピックアップメニュー（最大4つのアイコン付きリンク） が使える唯一のパターン。CTAボタンの代わりにピックアップメニューで誘導する設計。

パターン6 — モダン・アンダーライン

すっきりしたデザインで、メニューホバー時に下線アニメーション。CTAは丸型ボタン。IT・SaaS系サイト向け。

ショートコード

テーマのヘッダーを使わず、マイパーツ等のショートコードで完全カスタムのヘッダーを表示。

非表示

ヘッダーを完全に非表示にする。LP（ランディングページ）など。

よくある質問

Q: 特定の固定ページだけヘッダーを消したい

A: ここでは「固定ページ全体」の設定しかできない。特定ページだけ変えたい場合は、そのページの編集画面 →「ページ独自のデザイン設定」→ ヘッダーパターンを「非表示」に変更する。→ 詳細は「ページごとのヘッダー上書き」を参照。

Q: パターンを変えたら設定がリセットされた？

A: 各パターンの設定は独立している。パターン1で設定したロゴ・メニュー色はパターン2には反映されない。パターンを切り替えたら、新しいパターンのセクションで改めて設定する必要がある。

最終更新: 2026-03-15 04:30