ガイド/コンテンツの作成/メディア/ギャラリー設定をカスタマイズする

ギャラリー設定をカスタマイズする

ギャラリーで表示する画像のカラム数を調整したり、ギャラリーの個々の画像にリンク、キャプション、代替テキストを追加したりできます。このガイドでは、ギャラリーの設定を調整する方法について説明します。

次の手順に従って、1行あたり最大5カラムで画像を表示します。

  1. エディターの左上隅にある「リスト表示」を選択します。3本の横線が上下に並んでいる形のアイコンです。
  2. リスト内で「ギャラリー」ブロックを見つけ、クリックします。
  3. ブロック設定サイドバーで、「カラム」設定を探します。
ギャラリーブロックの設定サイドバーのカラムセクション。
  1. スライダーを使用するか数値 (最大5) を入力して、お好みのカラム数を指定します。
  2. ギャラリーが自動的に更新され、新しいカラムレイアウトが表示されます。

画像を切り抜いて調整する

ギャラリー内のすべての画像を同じサイズにすると、外観が均一になります。すべての画像を同じサイズにするには、次の手順に従います。

  1. エディターの左上隅にある「リスト表示」を選択します。3本の横線が上下に並んでいる形のアイコンです。
  2. 「ギャラリー」ブロックを見つけ、クリックします。
  3. ブロック設定サイドバーで、「画像を切り抜いて調整」トグルを見つけます。
  4. すべての画像を同じサイズに切り抜くには、トグルをオンにします。
  5. トグルをオフにすると、画像が元の比率で表示されます。

画像の解像度はサイトの読み込み速度に大きな影響を与えます。ただし、読み込み時間よりも画質を重視する場合は、画像の解像度を上げる必要があるかもしれません。ギャラリーブロックの画像の解像度を変更するには、次の手順に従います。

  1. エディターの左上隅にある「リスト表示」を選択します。3本の横線が上下に並んでいる形のアイコンです。
  2. リスト内で「ギャラリー」ブロックを見つけ、クリックします。
  3. 上部のツールバーの「設定」アイコンをクリックしてサイドバー設定を開きます。
  4. 「解像度」のドロップダウンで、次の利用可能なサイズオプションから選択します。
    • サムネイル
    • フルサイズ
  5. 「保存」または「公開」をクリックして変更を保存します。

ギャラリー内の個々の画像の解像度を変更することもできます。

各解像度のサイズは「メディア設定」で設定できます。

画像の最適化について詳細をご確認ください。

キャプションと代替テキストを追加する

キャプションは読者にコンテキストを提供し、代替テキストはスクリーンリーダーを使用する読者のアクセシビリティを向上させます。画像にキャプションと代替テキストを追加する方法について詳細をご確認ください。

ギャラリー画像をサイト上またはサイト外の他のコンテンツにリンクします。ギャラリー画像にリンクを追加する方法について詳細をご確認ください。

Copied to clipboard!