電話CTAの設定方法（パターン1専用）
最終更新: 2026-03-15
電話CTAの設定方法（パターン1専用）
> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - ヘッダー」→「 - パターン１の設定」→「電話CTA」
> 対象パターン: パターン1のみ
> カスタマイザーで開く: パターン1の設定を開く
> このページのURL: https://lite-word.com/manual/header-phone-cta/
ヘッダーに電話番号を表示する機能。PCでは電話番号＋受付時間のテキスト表示、スマホではタップで電話発信ができる。
設定手順
- 外観 → カスタマイズ を開く
- 「デザイン設定 - ヘッダー」 を開く
- 「パターンの選択」 でパターン1が選ばれていることを確認
- 「 - パターン１の設定」 セクションを開く
- 「電話CTA」 を見つける
- 表示切替を 「ON」 にする
- 「電話番号を半角でハイフンありで入力してください」 に電話番号を入力（例：
03-1234-5678） - 必要に応じてアイコン・補足テキスト（受付時間など）を設定
- 「公開」 で保存
設定項目一覧
番号
| ラベル | 型 | デフォルト | 説明 |
|---|---|---|---|
| 表示切替 | radio | OFF | ON / OFF |
| 電話番号 | text | 03-1234-5678 | 半角・ハイフンあり |
| テキスト色 | color | var(--color-main) |
電話番号の文字色 |
| フォント | select | 未指定 | フォントファミリー |
| フォントの太さ | select | 600 | 100〜900 |
補足テキスト
| ラベル | 型 | デフォルト | 説明 |
|---|---|---|---|
| 補足テキスト | text | 受付時間 9:00〜18:00 | 電話番号の下に表示される小さいテキスト |
| テキスト色 | color | var(--color-black) |
補足テキストの色 |
| フォント | select | 未指定 | フォントファミリー |
| フォントの太さ | select | 400 | 100〜900 |
アイコン
| ラベル | 型 | デフォルト | 説明 |
|---|---|---|---|
| アイコン | select | tel（電話アイコン1） | 8種類の電話アイコンから選択、または非表示 |
| アイコンの色 | color | var(--color-main) |
アイコンの色 |
アイコン選択肢: 表示しない / tel 1〜8（デザイン違いの電話アイコン8種）
よくある質問
Q: パターン1以外で電話番号を出したい
A: 電話CTAはパターン1専用の機能。他のパターンでは、CTAボタンのテキストに電話番号を入れてリンクを tel:0312345678 にする方法で代替できる。
Q: スマホで電話番号をタップしたら発信できるようにしたい
A: 電話CTAをONにするだけで自動対応。スマホではタップで発信リンクになる。
最終更新: 2026-03-15 04:30