固定ページ編集画面の設定

最終更新: 2026-03-15

固定ページ編集画面の設定 — マニュアル

> 設定場所: 固定ページ → 編集画面 → 「ページ独自のデザイン設定」メタボックス
> 公開マニュアルURL: https://lite-word.com/manual/page-editor/

固定ページの編集画面に表示されるメタボックスで、ページごとにデザイン・SEO・コードを個別にカスタマイズできる。カスタマイザーのグローバル設定をページ単位で上書きする仕組み。

設定手順

固定ページ → 該当ページの編集画面 を開く
画面下部またはサイドパネルに 「ページ独自のデザイン設定」 メタボックスが表示される
各セクション（ヘッダー・フッター・カラー・レイアウト等）を必要に応じて変更する
SEO設定やカスタムコードが必要な場合は該当セクションに入力する
「更新」 をクリックして保存

ヘッダー設定

設定項目	フィールド名	説明
ヘッダーパターン	`header_select`	8パターン + なし（none）から選択。このページだけ別のヘッダーデザインに切り替え
メニュー選択	`header_menu_select`	別のナビメニューを割り当て（プレミアム限定）
ロゴ表示切替	—	テキスト / 画像の切り替え
ロゴテキスト	—	テキスト表示時のロゴ文字
ロゴ画像	—	ロゴ画像のアップロード
ロゴサイズ	—	PC/タブレット/SP別のサイズ設定
ロゴURL	—	ロゴクリック時のリンク先
CTAボタンの色	—	ヘッダー内アクションボタンのカラー
ピックアップメニュー	—	ピックアップメニューの表示ON/OFF

ドロワー（モバイルメニュー）設定

設定項目	フィールド名	説明
ドロワー表示切替	`drawer_page_switch`	このページでドロワーメニューを表示するかどうか
メニュー選択	`drawer_menu_select`	別のメニューを割り当て（プレミアム限定）

フッター設定

設定項目	フィールド名	説明
フッターパターン	`footer_select`	4パターン + ショートコード + なし（none）から選択
メニュー選択	`footer_menu_select`	フッターメニューの割り当て（プレミアム限定）
ロゴ設定	—	ヘッダーと同様の項目（テキスト/画像/サイズ/URL）

追従CTA設定

設定項目	フィールド名	説明
フッター追従CTAパターン	`follow_bottom_cta_ptn`	`ptn_1`（パターン1）/ `ptn_2`（パターン2）/ `none`（非表示）から選択

カラー設定

カスタマイザーのグローバルカラーをこのページだけ上書きする。

設定項目	フィールド名	説明
メインカラー	`color_main`	ブランドカラーの上書き
アクセントカラー	`color_accent`	補助色の上書き
文字の色	`color_text`	テキスト色の上書き
リターンボタンの色	`color_return_btn`	トップへ戻るボタンのカラー
カラー01	`color_1`	追加カラー1の上書き
カラー02	`color_2`	追加カラー2の上書き
カラー03	`color_3`	追加カラー3の上書き

フォント設定

設定項目	フィールド名	説明
フォントの種類	`font_body`	このページのみ別フォントに変更
フォントの太さ	`font_body_weight`	フォントウェイト
文字サイズ（PC）	`font_size_pc`	PC表示時のフォントサイズ
文字サイズ（タブレット）	`font_size_tb`	タブレット表示時のフォントサイズ
文字サイズ（SP）	`font_size_sp`	スマートフォン表示時のフォントサイズ

レイアウト設定

設定項目	フィールド名	説明
最大横幅	`max_width_clm_1`	コンテンツエリアの最大幅（1カラム時）
左右の余白	`padding_lr_set`	左右パディングの設定
上下の余白	`padding_tb_set`	上下パディングの設定

ページ背景設定

設定項目	フィールド名	説明
背景色（PC）	`color_page_bg_pc`	ページ全体の背景色（PC表示）
背景色（SP）	`color_page_bg_sp`	ページ全体の背景色（スマホ表示）
コンテンツ背景色（PC）	`color_content_bg_pc`	記事エリアの背景色（PC表示）
コンテンツ背景色（SP）	`color_content_bg_sp`	記事エリアの背景色（スマホ表示）
コンテンツの影	`page_content_shadow`	コンテンツエリアにドロップシャドウを付ける
背景画像/動画	`lw_page_bg_img`	ページ全体の背景メディア設定

その他の設定

設定項目	フィールド名	説明
アニメーション ON/OFF	—	スクロールアニメーションの切替
ローディングアニメーション	—	このページのローディング演出（プレミアム限定）
このページへのコメント	`page_comment`	管理用メモ。フロントには表示されない

SEO設定（拡張機能ON時）

LiteWordのSEO拡張機能を有効にしている場合に表示される項目。

設定項目	フィールド名	説明
SEOタイトル	`seo_title`	検索結果に表示されるタイトル
ディスクリプション	`seo_description`	検索結果に表示されるメタ説明文
noindex設定	`seo_noindex`	検索エンジンにインデックスさせない
canonical URL	`seo_canonical`	正規URL（重複コンテンツ対策）
OGP画像	`seo_og_image`	SNSシェア時のサムネイル画像
301リダイレクトURL	`seo_301_redirect_url`	このURLにアクセスした場合のリダイレクト先
サイトタイトル表示	`page_title_display`	ページ上部のサイト名表示ON/OFF（プレミアム限定）

構造化データ（プレミアム限定）

設定項目	フィールド名	説明
カスタムJSON-LD	`lw_custom_json_ld`	追加の構造化データを手動入力（プレミアム限定）

カスタムコード設定

ページ単位でコードを追加できる。GTMのイベントタグやページ固有のスタイルに使用。

設定項目	フィールド名	説明
head内に挿入するコード	`seo_custom_head`	``タグ内に出力される
footer前に挿入するコード	`seo_custom_footer`	``直前に出力される
このページのCSS	`lw_custom_css`	ページ固有のスタイルシート

よくある質問（FAQ）

Q. ページ独自の設定は必須？
A. いいえ。未設定の項目はカスタマイザーのグローバル設定が適用される。変更したい項目だけ設定すればよい。

Q. ヘッダーを非表示にしたい（LP用途）
A. ヘッダーパターンで「none」を選択すると、そのページだけヘッダーが非表示になる。フッターも同様に「none」を選べばLP向けのレイアウトになる。

Q. フッターにショートコードを使えるとは？
A. フッターパターンの選択肢に「ショートコード」がある。任意のショートコードでフッターの内容を自由にカスタマイズできる。

Q. SEO設定が表示されない
A. LiteWordのSEO拡張機能がOFFになっている可能性がある。外観 → カスタマイズ → 拡張機能設定でSEO機能を有効にする。

Q. カスタムJSON-LDが入力できない
A. JSON-LD（構造化データ）のカスタム入力はプレミアム限定機能。プレミアムプランへのアップグレードが必要。

Q. 追従CTAのパターン1とパターン2の違いは？
A. ptn_1とptn_2はデザインのバリエーション。実際の見た目はプレビューで確認するのが確実。noneを選ぶと追従CTAが非表示になる。

Q. ページ背景にPC用とSP用で別の色を設定できる？
A. はい。color_page_bg_pc（PC用）とcolor_page_bg_sp（SP用）を個別に設定可能。コンテンツ背景色も同様にPC/SP別設定ができる。

Q. このページへのコメント欄は訪問者に見える？
A. 見えない。管理画面内でのみ表示される管理用メモ。「このページは〇〇キャンペーン用」などのメモに活用できる。

最終更新: 2026-03-15 09:00