サイトにバナーを追加する

カバーブロック (「ヒーロー」画像や「バナー」画像とも呼ばれます) は、大きな画像、動画、テキストのバナーをサイトに追加するために使用します。このガイドでは、バナーを追加し、表示する画像、動画、色を選択する方法について説明します。

この動画の言語は英語です。
YouTube には、自分の言語で視聴できる自動翻訳機能があります。

自動翻訳字幕を表示するには：

1. 動画を再生します。
2. 動画右下の ⚙️ 設定 アイコンをクリックします。
3. 字幕/CC を選択します。
4. 自動翻訳 を選択します。
5. 希望する言語を選びます。

自動吹き替え（実験機能）で視聴するには：

1. ⚙️ 設定 アイコンをクリックします。
2. 音声トラック を選択します。
3. 視聴したい言語を選びます。

ℹ️ 翻訳と吹き替えは Google により自動生成されるため、正確でない場合があります。また、自動吹き替えは現在テスト中で、すべての言語で利用できるわけではありません。注: 字幕の文章は Google 翻訳で生成されるため、完全とはいえませんが、内容の把握に役立ちます。

サイトにバナー画像を追加するには、カバーブロックを使用します。バナーをページ、投稿、テンプレートに追加するには、次の手順を実行します。

1. サイトのダッシュボードにアクセスします。
2. バナーを追加する場所に応じてページ、投稿、テンプレートに移動し、編集または新規作成します。
   • ページ: メニューの「ページ」セクションに移動します。
   • 投稿: メニューの「投稿」セクションに移動します。
   • テンプレート: 「外観」→「エディター」の順に移動し、テンプレートを選択します。
3. 「+」(ブロック挿入) アイコンをクリックして「カバー」を検索します。
   • または、「ブロックを選択するには「/」を入力」と表示される場所に /cover と入力します。

4. カバーアイコンをクリックして、カバーブロックを挿入します。

カバーブロックを追加したら、表示されるメディアを選択します。次のオプションから選択できます。

• アップロード: 「アップロード」ボタンをクリックして、コンピューターからファイルを選択します。
• メディアを選択: 次のいずれかの場所でメディアを見つけます。
  • メディアライブラリ: サイトのメディアライブラリにアップロード済みの画像と動画。
  • お使いのスマートフォン: Jetpack モバイルアプリを使用して、お使いのスマートフォンからメディアを直接アップロードします。
  • AIで生成: 使用する画像の種類について簡単な説明を入力すると、AI がデザインを作成します。
  • Google フォト: 連携している Google フォトのアカウントからメディアを選択します。
  • Pexels: Pexels ライブラリから無料の画像を検索します。
  • Openverse: Openverse ライブラリから無料の画像を検索します。
• 投稿のアイキャッチ画像を使用: 設定すると、ページまたは投稿のアイキャッチ画像を表示します。テンプレートにカバーブロックを追加してこのオプションを選択すると、そのテンプレートを使用しているページや投稿のアイキャッチ画像が自動的に表示されます。
• 色: バナーに画像や動画を追加せず、代わりに無地を選択します。

その後、バナーにテキストやボタンなどのコンテンツを追加したり、バナーのレイアウトをカスタマイズしたり、バナーのデザインを調整したりできます。

バナーの画像を選択する際は、次の点に留意してください。

• モバイル端末で画像全体が表示されない場合もあるため、装飾的または抽象的な画像が最適です。
• 画像内でテキストをデザインするのではなく、画像の上にテキストを入力します。こうすることで、すべての画面サイズでテキストが効果的に拡張します。
• カバーブロックでは、画像は背景画像として使用され、小さめのデバイスで画像の幅全体を表示するようサイズが変更されることはありません。焦点ピッカー設定を使用すると、小さな画面で表示したときに画像のどの部分に焦点を合わせるかを選択できます。
  • すべてのサイズのデバイスで全体を表示する必要があるコンテンツが画像に含まれている場合は、代わりに画像ブロックを使用できます。

カバーブロックは画像、動画、単色に対応しています。動画をカバーブロックにアップロードするには、動画のアップロードに対応した WordPress.com プランが必要です。動画のアップロードはプレミアムプラン以上に含まれています。動画のアップロードを含むプランでは、バナーメディアを選択するときに動画を選択できるようになります。

カバーブロックは機能的なブロックというよりは装飾的なものであるため、動画ファイルから音は再生されません。動画の音を再生する場合は、代わりに VideoPress ブロックを使用します。

カバーブロックを追加した後、いつでもメディアを変更できます。バナー内のメディアを置換または削除するには:

1. サイトのダッシュボードにアクセスします。
2. バナーが配置されているページ、投稿、テンプレートのいずれかに移動します。
3. エディターの左上隅にある「リストビュー」を選択します。
4. リストビューで「カバー」ブロックの項目をクリックします。

5. ブロックツールバーで、「置換」ボタンをクリックして新しい画像または動画を選択します。

次のいずれかのオプションを使用して、新しいメディアファイルを選択できます。

• メディアライブラリを開く: メディアライブラリまたは Google フォト、Pexels、Openverse などの他のソースから既存の画像または動画を選択します。
• アップロード: 端末から新しい画像または動画を選択します。
• 投稿のアイキャッチ画像を使用: ページまたは投稿のアイキャッチ画像を使用します。
• リセット: バナーメディアを削除し、単色を表示します。