4.ロゴ設定手順 基本
ウェブサイトのロゴは、訪問者に与える第一印象を左右する重要な要素です。LiteWordテーマでは、ロゴを「テキスト」または「画像」で設定できます。このマニュアルでは、その設定手順を説明します。
ロゴ設定の手順
まず、WordPressのダッシュボード（管理画面）にアクセスしてください。
ステップ1：ダッシュボードからカスタマイザーへアクセス
WordPressの管理画面にログイン後、左側メニューから「外観」をクリックし、次に表示される「カスタマイズ」を選択して、テーマカスタマイザー画面を開きます。
ステップ2：「サイト基本情報」でロゴの元データを設定
カスタマイザー画面の項目の中から「サイト基本情報」をクリックします。
ここで、ロゴとして表示する元データを設定します。
- テキストロゴの場合: 「サイトのタイトル」に入力されたテキストがロゴとして使用されます。
- 画像ロゴの場合: 「ロゴ画像を選択」ボタンから、使用したいロゴ画像をアップロードまたはメディアライブラリから選択します。必要に応じて画像の切り抜きも行ってください。
ステップ3：ヘッダー設定で表示形式を切り替える（重要）
画像ロゴを選択したにも関わらずテキストロゴが表示されるなど、意図した形式でロゴが表示されない場合は、表示形式の切り替えが必要です。
- カスタマイザーのメインメニューに戻り、LiteWordテーマの**「デザイン設定 – ヘッダー」**へ進みます。
- パターンの選択を開き、好きなヘッダーパターンを選択してください。
- 次に、設定したヘッダーパターン（例: パターン1など）の項目内にある**「ロゴ部分」**で、ロゴの表示形式を「ロゴ画像」または「テキスト」に正しく設定してください。
ステップ4：ヘッダー設定でロゴサイズを調整する
ロゴの表示サイズを調整します。
上記ステップ3で開いた「ヘッダー」設定画面内、各ヘッダーパターンの項目に、画像ロゴ用とテキストロゴ用のサイズ調整バーがあります。これらを使用して、適切なサイズに調整してください。
ステップ5：デバイスごとに表示サイズを最適化する
PC、タブレット、スマートフォンそれぞれの表示でロゴサイズを最適化します。
カスタマイザー画面下部にあるデバイス切り替えアイコン（PC、タブレット、スマホのアイコン）でプレビューを確認しながら、各デバイス表示に適したロゴサイズにそれぞれ調整します。
ステップ6：設定を保存（公開）する
すべてのロゴ設定が完了したら、カスタマイザー画面の左上にある「公開」ボタンをクリックして、変更をサイトに保存・反映させます。
これでロゴの設定は完了です。
まとめ
LiteWordテーマのロゴ設定は、主に以下の流れで行います。
- **「外観」→「カスタマイズ」→「サイト基本情報」**でロゴの元データ（テキストまたは画像）を設定します。
- 次に**「デザイン設定 – ヘッダー」**で、ロゴの表示形式の切り替えと、画像・テキストそれぞれのロゴサイズを調整します。
- 最後に、デバイスごとの表示サイズを調整し、**「公開」**ボタンで設定を保存します。