ピックアップメニューの設定方法（パターン5専用）

最終更新: 2026-03-15

ピックアップメニューの設定方法（パターン5専用）

> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - ヘッダー」→「 - パターン５の設定」→「ピックアップメニュー」
> 対象パターン: パターン5のみ
> カスタマイザーで開く: パターン5の設定を開く
> このページのURL: https://lite-word.com/manual/header-pickup-menu/

メニューバーの下に表示されるアイコン付きリンクボタン。最大4つまで設置でき、問い合わせ・電話・SNS・ダウンロード等への導線として使う。CTAボタンの代わりにこちらで複数の誘導先を並べる設計。

設定手順

外観 → カスタマイズ を開く
「デザイン設定 - ヘッダー」 を開く
「パターンの選択」 でパターン5が選ばれていることを確認
「 - パターン５の設定」 セクションを開く
「ピックアップメニュー」 を見つける
「表示箇所」 でどのページに表示するか選ぶ（全ページ / トップのみ等）
「項目 1」 のテキスト・リンク先URL・アイコンを設定
必要に応じて項目2〜4も設定
背景色・レスポンシブ設定を調整
「公開」 で保存

表示条件の設定

ラベル	型	説明
表示箇所	radio	どのページに表示するか（下表参照）
レスポンシブ	radio	PC+スマホ / スマホのみ / PCのみ
背景色	color	メニューバーの背景色（デフォルト: `var(--color-main)`）

表示箇所の選択肢

選択肢	表示するページ
表示しない	どこにも表示しない
全てのページに表示する	サイト全体
トップページのみ表示する	トップページだけ
固定ページのみ表示する	固定ページだけ
固定ページのみ表示しない	固定ページ以外に表示
投稿ページのみ表示する	ブログ記事だけ
投稿ページのみ表示しない	ブログ記事以外に表示
アーカイブページのみ表示する	カテゴリ・タグ一覧だけ
アーカイブページのみ表示しない	カテゴリ・タグ一覧以外に表示

メニュー項目の設定（項目1〜4）

各項目に3つの設定がある：

ラベル	型	説明
テキスト	text	ボタンに表示する文字（例：「お問い合わせ」）
リンク先URL	text	クリック先のURL
アイコン	select	ボタンの左に表示するアイコン

アイコン選択肢

値	表示名	用途例
未選択	—	アイコンなし
表示しない	—	アイコンを意図的に非表示
mail	メール	お問い合わせ
tel	電話	電話番号
pc	PC	サービス紹介
download_1	ダウンロード	資料請求
facebook	Facebook	SNSリンク
x	X（旧Twitter）	SNSリンク
instagram	Instagram	SNSリンク
line	LINE	LINE公式アカウント
youtube	YouTube	チャンネルリンク
doctor	医者	医療系サイト
user	ユーザー	会員ページ
turn-up	アップ	ページトップ
coins	コイン	料金ページ
comment〜message	コメント01〜04	お客様の声

パターン5の説明テキスト設定

ピックアップメニューとは別に、ヘッダー上段のロゴ横に説明テキストを表示できる。

ラベル	型	説明
右側の説明テキスト - PCの時	textarea	PC表示時のテキスト（例：「あなたのビジネスを加速する」）
スマホの時	textarea	スマホ表示時のテキスト（PC用とは別内容も可）

よくある質問

Q: ピックアップメニューをパターン5以外で使いたい

A: ピックアップメニューはパターン5専用。他のパターンで似た機能を実現するには、マイパーツでカスタムHTMLを作り、ショートコードパターンと組み合わせるか、フッター固定CTAを活用する。

Q: 特定のページだけピックアップメニューを消したい

A: ページ編集画面 →「ページ独自のデザイン設定」→「ピックアップ表示」を「OFF」にする。

Q: アイコンを自分の画像に変えたい

A: カスタマイザーの選択肢にはテーマ組み込みのアイコンのみ。カスタムアイコンを使いたい場合はCSSで対応する。

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