スライドショーを作成する

複数の画像を遷移効果とともに順に表示するには、スライドショーブロックを使用します。このガイドでは、スライドショーを追加する方法とスライドショーに画像を追加する方法について説明します。

このガイド内

1. スライドショーを追加する
2. 既存のスライドショーに画像を追加する
3. スライドショーの画像を並べ替える
4. 画像サイズの一貫性を確保する
5. スライドのキャプションを追加または編集する

質問がある場合

AI アシスタントに尋ねる

トップへ戻る

スライドショーを追加する

サイトにスライドショーを追加するには、次の手順を実行します。

1. サイトのダッシュボードにアクセスします。
2. スライドショーを追加する場所に応じて固定ページ、投稿、テンプレートに移動し、編集または新規作成します。
   • 固定ページ: メニューの「固定ページ」セクションに移動します。
   • 投稿: メニューの「投稿」セクションに移動します。
   • テンプレート: 「外観」→「エディター」の順に移動し、テンプレートを選択します。
3. 「+」ブロック挿入 (プラスアイコン) をクリックして「スライドショー」を検索します。
4. 検索結果で「スライドショー」ブロックをクリックして挿入します。
5. スライドショーに画像を追加するには、次のいずれかのオプションを選択します。
   • アップロード: 端末から画像を選択してサイトにアップロードします。サポート対象のファイル形式をご確認ください。
   • 画像を選択: 次のいずれかのオプションを選択します。
     • メディアライブラリ: サイトにすでにアップロード済みの画像を選択します。
     • お使いのスマートフォン: Jetpack モバイルアプリを使用してスマートフォンから画像を追加します。
     • Google フォト。
     • Pexels の無料写真ギャラリー。
     • Openverse の無料画像。
   • AI で生成: ご希望のコンテンツを説明し、AI を使用して画像を生成します。 
6. 右上の「保存」または「公開」をクリックして変更を適用します。

💡

スライドショーブロックが表示されない場合は、WordPress.org サイトを実行している可能性があります。無料の Jetpack プラグインをインストールして、サイトにスライドショーブロックを追加します。

既存のスライドショーに画像を追加する

既存のスライドショーにさらに画像を追加するには、次の手順を実行します。

1. 編集するスライドショーブロックをクリックします。
2. ブロックツールバーで、 「編集」 オプションをクリックします。
3. 「ギャラリーに追加」 リンクを選択し、次の2つのタブから選択します。
   • メディアライブラリ: サイトにすでにアップロード済みの画像を選択します。
   • ファイルをアップロード: 端末から画像を選択してサイトにアップロードします。サポート対象のファイル形式をご確認ください。
4. 「ギャラリーに追加」ボタンをクリックします。
5. 「ギャラリーを更新」ボタンをクリックします。
6. 右上の「保存」または「公開」をクリックして変更を適用します。

スライドショーの画像を並べ替える

スライドショーの画像の順序を変更するには:

1. 編集するスライドショーブロックをクリックします。
2. ブロックツールバーで、 「編集」 オプションをクリックします。
3. 画像サムネイルをクリックして、並び順の新しい位置にドラッグします。画像は左から右に表示されている順序で、スライドショーに表示されます。
4. 新しい順序が完成したら、「ギャラリーを更新」をクリックします。
5. 「保存」または「公開」をクリックして変更を適用します。

画像サイズの一貫性を確保する

スライドショーブロックには、画像が元のサイズで表示されます。スライドショーの画像をすべて同じサイズにするには、以下の方法がおすすめです。

• アップロードする前に、すべての画像を同じサイズ (1280px × 720pxなど) に切り抜く。
• すべての画像に一定の縦横比 (16:9、4:3、1:1の正方形) を選択する。
• お好みの画像編集ソフトウェアをお持ちでない場合は、無料のツールをご確認ください。

ヒント: スライドショーの場合、幅1280px、高さ720px 程度のサイズが適しており、品質とパフォーマンスのバランスをうまく取ることができます。

スライドのキャプションを追加または編集する

スライドショーに新しいキャプションを追加したり、既存のキャプションを変更したりするには、次の手順を実行します。

1. 編集するスライドショーブロックをクリックします。
2. ブロックツールバーで、 「編集」 オプションをクリックします。
3. 各サムネイルの下のテキストフィールドにキャプションを入力します。
   • 右側の「添付ファイルの詳細」セクションを使用して、代替テキストを追加することもできます。

4. 「ギャラリーを更新」ボタンをクリックします。
5. 右上の「保存」または「公開」をクリックして変更を適用します。

新しい画像を挿入すると、メディアライブラリに追加されたキャプションが自動的に表示されます。メディアライブラリに追加したキャプションは、以前に追加した画像には表示されません。キャプションを手動で追加するか、画像をもう一度挿入してください。