ロゴはあなたやブランドを表す画像で、通常はサイト上部の目立つ位置に配置されます。このガイドでは、サイトにロゴを追加する方法について説明します。
サイトやプロジェクト、ビジネスを始めたばかりの場合は、まだロゴがないこともあるでしょう。ロゴ画像を作成するときは、次の点に注意してください。
- 透明な背景の .png ファイルを使用して、サイトに配置したときにロゴの周りに白いボックスが表示されないようにします。
- 大小すべての画面で正しく表示されるように、デザインをシンプルに保ちます。
- ロゴの推奨サイズはテーマによって異なりますが、幅200ピクセルから試してみるのがおすすめです。
- ロゴの小さいバージョンを作成し、サイトアイコンとして使用します。
Jetpack AI ロゴ生成機能を使用すると、サイトのキャッチフレーズを基にしたロゴを作成できます。プロンプトをカスタマイズし、さまざまなスタイルを選択して、お好みの外観を作成できます。
Jetpack AI でロゴを作成する方法の詳細についてはこちらをご覧ください。
Fiverr を使用してサイトのロゴを作成するには、次の手順に従います。
- Fiverr のロゴメーカーサイトにアクセスします。
- 会社名またはブログ名、またスローガンがあればそれも併せて入力し、「Generate」 をクリックします。
- Fiverr が自動でロゴを作成します。ご希望のデザインを選択し、色、フォント、フォントサイズ、スペース挿入、配置などをカスタマイズできます。
- ロゴを購入すると、画像ファイルをダウンロードできるようになります。
- 次のセクションの手順に従って、ロゴ画像を WordPress.com にアップロードします。
ほとんどの場合は、サイトエディターを使用してロゴを追加します。ただし、サイトでクラシックテーマまたはサードパーティのテーマを使用している場合は、サイトのロゴの追加または編集にカスタマイザーを使用する必要がある場合があります。
サイトがサイトエディターを使用しているかどうかを簡単に判断するには、ダッシュボードの「外観」でチェックします。ここに「エディター」と表示される場合は、サイトエディターのあるテーマを使用しています。
次の手順でご使用のインターフェースに適したタブを選択してください。
サイトエディターを使用してサイトにロゴを追加するには、次の手順に従います。
- サイトのダッシュボードから、「外観」→「エディター」に移動します。
- 右側のホームページのプレビューをクリックするか、「パターン」タブを選択して特定のテンプレートパーツをカスタマイズします。
- エディターの左上にある「リストビュー」を選択します。3本の横線が上下に並んでいる形のアイコンです。
- ヘッダーのセクションを閲覧します。
- ほとんどのヘッダーテンプレートパーツには、すでに「サイトロゴ」ブロックがあります。
- 「サイトロゴ」ブロックが表示されない場合は、 「+」ブロック挿入を使用してブロックを追加します。
- 表示されるブロックツールバーで、次のいずれかのオプションを選択します。
- ロゴを選択: サイトロゴをまだ追加していない場合は、このオプションが表示されます。
- AIで生成: 3つ星をクリックすると、AIを使用してロゴを生成できます。
- 置換: サイトのロゴを置換またはリセットするには、このオプションを使用します。
- ブロック設定サイドバーで、次の設定をカスタマイズします。
- 画像の幅: スライダーを使用するか、数値を入力して、ロゴの幅を設定します。
- ホームへのリンク画像: サイトロゴをサイトのホームページにリンクします。リンクを新しいタブで開くオプションも選択できます。
- サイトアイコンとして使用する: サイトロゴをサイトのアイコン (ブラウザータブに表示されます) として設定します。
- ブロックスタイルサイドバーで、次のスタイルをカスタマイズします。
- 画像スタイル: デフォルトまたは角丸から選択します。角丸を選択すると、正方形の画像は完全な円になり、長方形の画像は楕円形になります。
- フィルター: 「デュオトーン」フィルター設定を使用して、ツートンカラー効果を追加します。
- 画像サイズ: 「サイズ」設定を使用して、画像の周囲にスペースを追加します。
- 「保存」ボタンをクリックして変更を公開します。
日本語サポート 
コメントを投稿するにはログインしてください。