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

タイルギャラリーを使用すると、画像ギャラリーをタイルモザイク、円形グリッド、正方形タイル、タイルカラムという4つのスタイルで表示できます。タイルモザイクと正方形タイルのレイアウトでは、キャプションにアクセスしやすくすると同時にスペースを節約するために、キャプションがマウスオーバーで表示されます。

タイルギャラリーを使用するには、必ず「画像 CDN」を有効にしてください。有効にするには、「Jetpack」 → 「設定」 → 「パフォーマンス」の順に移動し、「画像の読み込みをスピードアップ」を有効にします。

プレビューをご覧ください。

• 

• 

• 

これらの例を使用したインタラクティブな投稿もご覧いただけます。

ギャラリーを作成する

ギャラリーを作成するには、投稿内のブロックセレクターか投稿ツールバーのブロックセレクターを使用して、新しいタイルギャラリーブロックを追加します。

ブロックを追加したら、通常の画像ブロックに画像を追加するのと同じ方法で、ギャラリーに画像を追加できます。コンピューターからアップロードするか、メディアライブラリから選択します (またはその両方)。画像を追加したら、ブロックツールバーとサイドバーを使用してカスタマイズを追加できます。

ツールバーの「ブロックタイプを変更」ボタンを使用すると、作成するギャラリーの種類を選択できます。ここで、ブロックを他の画像ブロックタイプに変更することもできます。

ツールバーの他のボタンを使用して、適切なオプションを選択してギャラリーの配置を設定できます。画像の追加と削除を行うには、「編集」を使用します。

画像をギャラリーに追加しない場合は、「X」をクリックして選択解除します。画像を並べ替えるにはドラッグ & ドロップします。

新しい画像を追加するには、「ギャラリーに追加」をクリックます。ギャラリーの画像の変更が終了したら、「ギャラリーを更新」をクリックします。

ブロックサイドバー

「ブロック」サイドバーでは、「スタイル」セクションを展開してギャラリータイプを変更し、「タイルギャラリー」設定セクションでリンクの動作を割り当てることができます。

旧エディターのタイルギャラリー

旧エディターでギャラリーを追加してレイアウトオプションを使用する方法については、こちらのギャラリーサポートページを参照してください。

ギャラリーに特定の幅を定義する

タイルギャラリーは、テーマのコンテンツ幅に合わせて作成されます。特定の $content_width 値を定義するには、テーマの functions.php ファイルに以下のコードを追加します。

if ( ! isset( $content_width ) ) {
$content_width = 800;
}

テーマのファイルを編集するのは気が進まないという場合は、カスタムコンテンツ幅プラグインを使用することもできます。

テーマにコンテンツ幅が定義されていない場合、タイルギャラリーの幅はデフォルトで500px に設定されます。コンテンツ幅に関するテーマの機能について詳しくは、こちらをご覧ください。

テーマの $content_width 値が定義してあっても、タイルギャラリーだけには別の値を使用したい場合は、tiled_gallery_content_width フィルターを使用できます。

ギャラリービュー内で単一の画像を表示する

ギャラリービュー内で投稿やページに1点の画像だけが表示されるようにするには、「リンク先」表示設定を「添付ファイルのページ」に設定します。これで、画像をクリックすると、その画像がギャラリーのオーバーレイビューに表示されるようになります。

タイルギャラリーのオプションが表示されない場合

Cleaner Gallery プラグイン、またはこの機能を含むテーマを使用している場合、サイトでタイルギャラリーの機能は使用できません。この競合を回避するには、こちらのプラグインをインストールして Cleaner Gallery を無効にしてください。

スライドショーオプションが表示されない場合

スライドショーオプションが表示されない場合、Jetpack の「ショートコード埋め込み」モジュールを有効にすることで、表示されるようになります。

プライバシーに関する情報

この機能は画像 CDN 機能に伴うため、デフォルトで無効になっています。この機能の有効化/無効化はいつでも切り替えることができます。ダッシュボードで「Jetpack」 – 「設定」 – 「パフォーマンス」に移動して、「パフォーマンスおよびスピード」
の「WordPress.com のサーバーから画像を提供」設定を切り替えます。

この機能の有効化/無効化を画像 CDN とは独立して切り替えるには、こちらのガイドに従ってください。

使用されるデータ
サイト所有者/ユーザー   なし。	サイト訪問者   なし。
トラッキングされるアクティビティ
サイト所有者/ユーザー   なし。	サイト訪問者   なし。
同期対象データ (詳細)
サイト所有者/ユーザー   機能が有効になっているかどうか、その機能の設定がどのように構成されているかを識別するオプションを同期します。	サイト訪問者   なし。