サポートに戻る コンテンツとメディア ブロック タイルギャラリーブロック

タイルギャラリーブロック

タイルギャラリーブロックを使用して、複数の画像をきれいに整理されたタイルレイアウトで表示します。

動画チュートリアル

タイルギャラリーブロックを追加する

タイルギャラリーブロックを追加するには、「+」ブロック挿入アイコンをクリックして「タイル」を検索します。これをクリックしてブロックを投稿または固定ページに追加します。

タイルギャラリーブロックを追加します。
タイルギャラリーブロックの追加

💡

キーボードを使用して新しい行に「/tiled」と入力して Enter キーを押すことで、新しいタイルギャラリーブロックをすばやく追加することもできます。

スラッシュインサーターでのタイルギャラリーブロックの追加
スラッシュコマンドでのタイルギャラリーブロックの追加

ブロックを追加する手順についてはこちらを参照してください。

画像を追加する

タイルギャラリーブロックを追加した後、「アップロード」「画像を選択」の2つのオプションが表示されます。

タイルギャラリーへの画像の追加
タイルギャラリーへの画像の追加

「アップロード」 オプションでは、コンピューターから新規の画像または複数の画像をサイトにアップロードできます。

「画像を選択」オプションでは、以前アップロードされたメディアライブラリの画像から選択するか、Google フォトPexels の無料画像、または Openverse から選べます。

ブロックツールバー

画像を追加してブロックをクリックすると、次のオプションのツールバーが表示されます。

親タイルギャラリーブロックのツールバー
タイルギャラリーブロックのツールバー

タイルギャラリーブロックのツールバーには以下のオプションがあります。

ブロック設定

ブロックをクリックすると、右のサイドバーに追加のブロック設定が表示されます。サイドバーが表示されない場合、右上の ⚙️ (ギア / 歯車) アイコンをクリックして設定を表示させます。

ブロック設定は右側のサイドバーにあります。
ブロック設定

タイルギャラリーブロックには以下の設定があります。

スタイル

タイルギャラリーブロックを使用すると、画像ギャラリーを次の4つのスタイルで表示できます。

  • タイルモザイク
  • 円形
  • 正方形タイル
  • タイルカラム
タイルギャラリーブロックのスタイル設定
角丸

タイルギャラリーブロックには、ギャラリーに追加されたすべての画像に適用できる角丸のオプションがあります。

リンク設定

「タイルギャラリーブロック」設定には、ギャラリーのリンクに関するオプションが3つあります。

  • 添付ファイルのページ: この設定にすると、ギャラリーで画像をクリックした訪問者はサイトの添付ファイルのページに誘導されます。このページには、画像、キャプション、画像の説明文、コメント領域などの画像に関する情報が含まれています。
  • メディアファイル: この設定では画像がフルスクリーンカルーセルに読み込まれるため、サイトの訪問者は画像を一度に見ることができます。「メディア設定」を表示してカルーセル設定を調整します。
  • なし (デフォルト): この設定では画像をクリックできません。つまり画像はどこにもリンクしていません。
色設定

色設定により、タイルギャラリーの背景色を変更できます。

タイルギャラリーブロックの色設定
Copied to clipboard!