フッター設定
フッター・ドロワー・その他の設定
> こんな質問に答えます:
> - フッターのデザインを変えたい
> - スマホメニュー（ドロワー）の設定方法は？
> - ドロワーメニューとスマホメニューは別のもの？
> - ローディングアニメーションの設定は？
> - 「トップに戻る」ボタンを設定したい
> - Cookie同意バナーの表示方法は？
> - パンくずリストの設定を変えたい
> 別名・よくある呼び方: フッター、ドロワー、スマホメニュー、ハンバーガーメニュー、三本線のメニュー、モバイルメニュー、ローディング、トップに戻るボタン、Cookie同意、パンくずリスト
> カスタマイザーで開く: フッター ｜ ドロワー ｜ ローディング ｜ トップに戻る ｜ Cookie同意 ｜ パンくず
> このページのURL: https://lite-word.com/manual/footer-settings/
フッター設定
> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - フッター」
> カスタマイザーで開く: フッターパネルを開く
サイト下部に表示されるフッターの設定。4パターン + ショートコード + 非表示 から選べる。ウィジェット・ロゴ・メニュー・SNSアイコン・コピーライトを含む。ヘッダーと同様、ページタイプごとに異なるパターンを設定可能。
フッターを設定する手順
- 外観 → カスタマイズ を開く
- 「デザイン設定 - フッター」 を開く
- 「パターンの選択」 で「全ページ共通」のパターンを選ぶ
- 固定ページ・投稿ページ・アーカイブページで別パターンにしたい場合は、それぞれ個別に選択
- 選んだパターンのセクション（例：「 - パターン１の設定」）を開く
- ウィジェット表示・SNS・コピーライト等を設定
- 「公開」 で保存
パターン比較
| パターン | ウィジェット | ロゴ | ロゴ下テキスト | メニュー | SNS | サブメニュー | 背景色/文字色 |
|---|---|---|---|---|---|---|---|
| 1 | ○ | - | - | - | ○ | - | - |
| 2 | ○ | ○ | ○ | ○ | ○ | - | - |
| 3 | ○ | ○ | ○ | ○ | ○ | ○（3つ） | ○ |
| 4 | ○ | ○ | ○ | ○ | ○ | - | ○ |
| ショートコード | - | - | - | - | - | - | - |
| 非表示 | - | - | - | - | - | - | - |
各パターンの設定項目
パターン1 — シンプル
ウィジェットエリア + SNSアイコン（4個まで）+ コピーライトのみ。
| 設定名 | 型 | 説明 |
|---|---|---|
| ウィジェットエリア部分 | radio | 表示する / 表示しない |
| SNS表示切替 | radio | 表示する / 表示しない |
| SNSアイコン色 | color | アイコンの色 |
| SNS 1〜4 アイコン | select | note / Threads / Facebook / X / Instagram / LINE / YouTube / mail |
| SNS 1〜4 リンク | text | SNSプロフィールのURL |
| コピーライト表示 | radio | 表示する / 表示しない |
| コピーライトテキスト | text | フッター最下部のテキスト |
| コピーライトテキスト色 | color | 文字色 |
| コピーライト背景色 | color | 背景色 |
パターン2 — ロゴ＋メニュー付き
パターン1に加え、ロゴ（画像/テキスト）・ロゴ下テキスト・フッターメニューが追加。コーポレートサイト向け。
| 追加設定名 | 型 | 説明 |
|---|---|---|
| ロゴ表示切替 | radio | ロゴ画像 / テキスト / 非表示 |
| ロゴ画像 | media | フッター用ロゴ画像のアップロード |
| テキストロゴ | text | テキスト表示時のロゴ文字 |
| ロゴ画像サイズ（PC/タブレット/SP） | range | デバイス別のロゴサイズ |
| ロゴ下のテキスト | textarea | ロゴの下に表示する説明文（住所・キャッチコピー等） |
| メニューセレクト | select | フッターに表示するメニューの選択 |
パターン3 — 最もカスタマイズ性が高い
パターン2のすべてに加え、サブメニュー（最大3つのリンク） と フッター全体の背景色・テキスト色 が追加。
| 追加設定名 | 型 | 説明 |
|---|---|---|
| サブメニュー 1〜3 テキスト | text | リンクの文字（例：プライバシーポリシー） |
| サブメニュー 1〜3 URL | text | リンク先URL |
| 背景色 | color | フッター全体の背景色 |
| テキスト色 | color | フッター内の文字色 |
パターン4 — 背景色付き（サブメニューなし）
パターン2のすべてに加え、背景色・テキスト色の設定あり。パターン3からサブメニューを省いた構成。
| 追加設定名 | 型 | 説明 |
|---|---|---|
| 背景色 | color | フッター全体の背景色 |
| テキスト色 | color | フッター内の文字色 |
パターン選びの目安
| こうしたい | おすすめ | 業種の例 |
|---|---|---|
| とにかくシンプルに | パターン1 | ブログ、ポートフォリオ |
| ロゴ＋SNS＋メニューを出したい | パターン2 | コーポレートサイト、サービスサイト |
| 色・メニュー・サブリンクを細かくカスタマイズ | パターン3 | 士業、クリニック、多ページサイト |
| 背景色付きでシンプルに | パターン4 | 飲食店、美容室、店舗サイト |
| 完全オリジナル | ショートコード | デザイナーが自由にカスタマイズしたい場合 |
| フッター不要（LP等） | 非表示 | ランディングページ |
モバイルドロワーメニュー
> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - ドロワー」
> カスタマイザーで開く: ドロワー設定を開く
スマホ時のハンバーガーメニュー（ドロワーメニュー）の設定。「ドロワーメニュー」「スマホメニュー」「ハンバーガーメニュー」「モバイルメニュー」はすべて同じもの。 画面幅1080px以下でヘッダーメニューがハンバーガーアイコン（三本線）に切り替わり、タップするとドロワー（スライドメニュー）が表示される。
PCヘッダーのメニューがそのまま表示されるが、プレミアムプランではドロワー専用メニューを設定可能。
ドロワーの設定手順
- 外観 → カスタマイズ → 「デザイン設定 - ドロワー」 を開く
- 「パターンの選択」 でパターン1を選ぶ（現在は1パターンのみ）
- ページタイプごとに表示/非表示を設定（全ページ共通/固定ページ/投稿ページ/アーカイブ）
- 「 - パターン１の設定」 を開く
- メニュー項目を設定（プレミアムではドロワー専用メニューを割り当て可能）
- CTAボタン（テキスト・URL・色）を設定
- 「公開」 で保存
ドロワー設定項目
| 設定名 | 型 | 説明 |
|---|---|---|
| メニュー選択 | select | 表示するメニューの選択（プレミアム限定で専用メニュー割り当て可能） |
| CTAボタン | — | ヘッダーCTAと同じ設定項目（テキスト・URL・背景色・文字色・外枠・角丸・ホバー色） |
> ヒント: ドロワーメニュー内にCTAボタン（「お問い合わせ」「ご予約」等）を設置すると、スマホからの問い合わせ率が上がる。
トップに戻るボタン
> 設定場所: 外観 → カスタマイズ → 「ページ下の追従トップに戻るボタン」
> カスタマイザーで開く: トップに戻るボタンを開く
スクロール時に画面右下に表示される「ページトップに戻る」ボタン。2つのデザインパターンから選択。
設定手順
- 外観 → カスタマイズ → 「ページ下の追従トップに戻るボタン」 を開く
- 「パターンの選択」 でパターン1 or 2を選ぶ（ページタイプごとに指定可能）
- 選んだパターンのセクションを開く
- メインカラー を設定（ボタンの色）
- 「公開」 で保存
設定項目
各パターンとも設定できるのはメインカラー（ボタンの色）のみ。
| パターン | 説明 | 設定 |
|---|---|---|
| パターン1 | デザイン1 | メインカラー（color） |
| パターン2 | デザイン2 | メインカラー（color） |
| 非表示 | ボタンを表示しない | — |
ローディングアニメーション
> 設定場所: 外観 → カスタマイズ → 「ローディングアニメーション」
> カスタマイザーで開く: ローディング設定を開く
ページ読み込み時に表示されるアニメーション。ページタイプ（全ページ共通/固定ページ/投稿ページ/アーカイブ）ごとに異なるパターンを設定可能。
| プラン | 選べるパターン数 |
|---|---|
| 無料 | 1パターン |
| プレミアム | 9パターン |
設定手順
- 外観 → カスタマイズ → 「ローディングアニメーション」 を開く
- 「パターンの選択」 でパターンを選ぶ
- ページタイプごとに別パターンにしたい場合は個別に設定
- 「公開」 で保存
> ヒント: コーポレートサイトやLPでは洗練された印象を与える効果がある。一方、ブログではOFF推奨 — 表示速度の体感が遅くなるため。
パンくずリスト
> 設定場所: 外観 → カスタマイズ → 「パンくずリスト」
> カスタマイザーで開く: パンくず設定を開く
サイト全体のパンくずリスト設定。SEOに有効な構造化データ（JSON-LD）としても出力される。
設定手順
- 外観 → カスタマイズ → 「パンくずリスト」 を開く
- 「ホーム表示」 でトップページの表記を選ぶ
- カスタムテキストの場合は文言を入力
- 「公開」 で保存
ホーム表示の選択肢
| 選択肢 | 表示例 | 使い分け |
|---|---|---|
| HOME | HOME > カテゴリ > 記事 | 汎用的。迷ったらこれ |
| ページタイトル | トップページ名 > カテゴリ > 記事 | トップページに固有の名前がある場合 |
| カスタムテキスト | 入力したテキスト > カテゴリ > 記事 | サイト名やブランド名を表示したい場合 |
Cookie同意バナー
> 設定場所: 外観 → カスタマイズ → 「クッキーの同意設定」
> カスタマイザーで開く: Cookie設定を開く
画面下部にCookie使用の同意バナーを表示する。
設定手順
- 外観 → カスタマイズ → 「クッキーの同意設定」 を開く
- 表示切替を 「表示する」 にする
- 必要に応じて背景色を変更
- 「公開」 で保存
| 設定名 | 型 | デフォルト |
|---|---|---|
| 表示切替 | radio | 表示しない |
| 背景色 | color | テーマデフォルト |
よくある質問
Q: フッターのウィジェットに何を入れればいい？
A: 外観 → ウィジェット → フッターエリアに、テキスト・最近の投稿・カテゴリ一覧などを追加できる。会社情報や営業時間を入れるケースが多い。
Q: ドロワーメニューとスマホメニューは別に作れますか？
A: ドロワーメニューとスマホメニューは同じもの。スマホ表示時にPCメニューが自動的にドロワー（ハンバーガーメニュー）に切り替わる。プレミアムプランでは、ドロワー専用のメニューをPCメニューとは別に割り当てることが可能。「デザイン設定 - ドロワー」→「パターン１の設定」→「メニュー項目」で設定する。
Q: スマホのドロワーメニューが動かない
A: 「デザイン設定 - ドロワー」→「パターンの選択」でパターン1が選ばれているか確認。「非表示」になっていると表示されない。
Q: LPでフッターを消したい
A: ページ編集画面 →「ページ独自のデザイン設定」→ フッターパターンを「非表示」に設定。または「デザイン設定 - フッター」→「固定ページ共通」を「非表示」に。
Q: フッターのパターン3と4の違いは？
A: パターン3はサブメニュー（プライバシーポリシー等のリンク3つ）付き。パターン4はサブメニューなし。それ以外（ロゴ・メニュー・背景色・テキスト色）は同じ。
Q: ローディングアニメーションをOFFにしたい
A: 「ローディングアニメーション」→「パターンの選択」で「非表示」を選ぶ。ブログ中心のサイトではOFFの方が体感速度が良くなる。
関連ページ
最終更新: 2026-03-21