ヘッダー設定 — 概要
最終更新: 2026-03-15
ヘッダー設定 — 概要
> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - ヘッダー」
> カスタマイザーで開く: ヘッダーパネルを開く
> このページのURL: https://lite-word.com/manual/header-overview/
LiteWordのヘッダーは 7つのデザインパターン + ショートコード + 非表示 の計9種から選べる。パターンを選んだら、そのパターン専用の設定セクションで細かくカスタマイズする。
カスタマイザーの構成
「デザイン設定 - ヘッダー」パネルを開くと、以下のセクションが並んでいる：
- パターンの選択 — 使うパターンを決める（ページタイプ別に変更可能）
- パターン1〜6の設定 — 選んだパターンのセクションを開いて設定
- ショートコードの設定 — ショートコードパターンを選んだ場合のみ
パターン比較表
| パターン | 特徴 | 電話CTA | ピックアップ | 背景色 | 説明テキスト | CTAボタン |
|---|---|---|---|---|---|---|
| 1 | 標準・電話CTA対応 | ○ | - | - | - | ○ |
| 2 | シンプル・背景塗りホバー | - | - | - | - | ○ |
| 3 | ヘッダー背景色付き | - | - | ○ | - | ○ |
| 4 | ボーダー丸型ボタン | - | - | - | - | ○ |
| 5 | 2段構成・ピックアップ付き | - | ○ | - | ○ | - |
| 6 | モダン・アンダーラインホバー | - | - | - | - | ○ |
| ショートコード | 完全カスタム | - | - | - | - | - |
| 非表示 | ヘッダーなし | - | - | - | - | - |
パターンの選び方
| こうしたい | おすすめ |
|---|---|
| 電話番号をヘッダーに出したい | パターン1（唯一の電話CTA対応） |
| シンプルな企業サイト | パターン2 or 4 |
| ヘッダーにブランドカラーを敷きたい | パターン3 |
| ミニマル・モダンなデザイン | パターン4 or 6 |
| 複数の誘導リンクを並べたい | パターン5（ピックアップメニュー4つ） |
| IT・SaaS系サイト | パターン6（「資料ダウンロード」デフォルト） |
| 自分でHTMLを書きたい | ショートコード |
| LPなどでヘッダーを消したい | 非表示（ページ単位でも設定可能） |
各設定の詳細ページ
- パターンの選択と変更
- ロゴの設定
- メニューの設定
- CTAボタンの設定
- 電話CTAの設定（パターン1専用）
- 追従ヘッダー（固定表示）
- インフォメーションバー
- ピックアップメニュー（パターン5専用）
- ページごとのヘッダー上書き
最終更新: 2026-03-15 04:30