ロゴの設定方法
最終更新: 2026-03-15
ロゴの設定方法
> 設定場所: 外観 → カスタマイズ → 「デザイン設定 - ヘッダー」→ 該当パターンのセクション →「ロゴ部分」
> カスタマイザーで開く: パターン1のロゴ設定を開く ※使用中のパターンに合わせて開いてください
> このページのURL: https://lite-word.com/manual/header-logo/
ヘッダーに表示するサイトロゴを設定する。画像・テキスト・非表示の3モードから選べる。全パターン共通の機能だが、設定はパターンごとに独立している。
設定手順
ロゴ画像を設定する場合
- 外観 → カスタマイズ を開く
- 「デザイン設定 - ヘッダー」 を開く
- 使用中のパターンのセクション（例：「 - パターン１の設定」）を開く
- 「ロゴ部分」 を見つける
- 「表示切替」で 「ロゴ画像」 を選択
- 「画像を選択」 をクリックし、ロゴ画像をアップロードまたはメディアライブラリから選択
- 「画像サイズ」 をPC・タブレット・スマホそれぞれで調整（20〜60px）
- 「公開」 で保存
テキストロゴにする場合
- 上記1〜4の手順でロゴ部分を開く
- 「表示切替」で 「テキスト」 を選択
- 「テキストを入力」 にサイト名やブランド名を入力
- テキスト色・フォント・太さ・サイズを調整
- 「公開」 で保存
設定項目一覧
| ラベル | 型 | デフォルト | 説明 |
|---|---|---|---|
| 表示切替 | radio | ロゴ画像 | 「ロゴ画像」「テキスト」「非表示」の3択 |
| テキストを入力 | text | サイト名 | テキストモード時に表示する文字 |
| テキスト色 | color | #111（パターン3は#fff） | テキストの色 |
| フォントの指定 | select | 明朝体（mincho） | フォントファミリー |
| フォントの太さ | select | 未指定 | 100〜900 |
| 文字サイズ（パソコンの時） | range | 38px | 20〜60px |
| 文字サイズ（タブレットの時） | range | 34px | 20〜60px |
| 文字サイズ（スマホの時） | range | 30px | 20〜60px |
| 画像を選択 | image | なし | ロゴ画像のアップロード |
| 画像サイズ（パソコンの時） | range | 38px | 20〜60px |
| 画像サイズ（タブレットの時） | range | 34px | 20〜60px |
| 画像サイズ（スマホの時） | range | 30px | 20〜60px |
ロゴの優先順位
複数の場所でロゴを設定できるため、以下の優先順位で表示される（上が優先）：
- ページ個別設定のロゴ画像（ページ編集画面 →「ページ独自のデザイン設定」）
- ページ個別設定のロゴテキスト（同上）
- カスタマイザーのロゴ設定（この画面）
- テーマカスタムロゴ（外観 → カスタマイズ → サイト基本情報）
- サイト名（設定 → 一般 → サイトのタイトル）
よくある質問
Q: ロゴ画像を設定したのに表示されない
A: 優先順位を確認。ページ編集画面の「ページ独自のデザイン設定」で別のロゴが設定されていると、そちらが優先される。
Q: パターンを変えたらロゴが消えた
A: ロゴ設定はパターンごとに独立している。新しいパターンのセクション内で改めてロゴを設定する必要がある。
Q: ロゴ画像の推奨サイズは？
A: 高さ60px以内のPNG（透過背景）を推奨。カスタマイザーの「画像サイズ」はこの高さの表示サイズ（px）を調整する設定。
最終更新: 2026-03-15 04:30