メインコンテンツへスキップ
Gallery View は、Collectionのエントリーをビジュアルカードのグリッドとして表示します。各カードにはプレビュー画像と主要なプロパティが一目で確認できます。 Gallery view showing a collection with image cards どちらのビューも同じデータを表示します。ビューを切り替えてもエントリーが削除・変更されることはありません。
Gallery View が適している場合Table View が適している場合
エントリーに画像やビジュアルコンテンツが含まれるデータが主にテキスト
ビジュアルブラウジングが重要(ポートフォリオ、メディア、ムードボード)多くのフィールドを横並びで比較する
表示するプロパティを少なくしてコンパクトに一覧したいスプレッドシート形式のワークフロー
1
Collectionの上部にある設定メニュー (⋯) を開きます
2
Add Gallery View を選択しますConfigure menu showing Add Table View and Add Gallery View options
3
新しい Gallery View がCollectionの上部にタブとして表示されます
MacおよびWebでは、設定メニュー(⋯)の Turn Into を使って既存のビューをその場で変換することもできます。新しいビューを作成せずに、現在のビューのタイプが変更されます。

Table View に戻す

複数のビューがある場合は、Collectionの上部にある Table ビュータブをクリックします。Gallery View が1つしかない場合は、設定メニュー(⋯)から新しい Table View を追加するか、Turn Into で変換します。 データは常に安全です。ビューを切り替えてもエントリーは変更されません。

プレビューの種類

Gallery View は、各エントリーのページ内のコンテンツからプレビュー画像を取得します。カードのプレビューに画像を追加するには、エントリーを開いてコンテンツに画像ブロックを追加してください。
Collectionの任意のエントリーを開き、ページコンテンツに画像を追加してください。Gallery View がその画像をカードのプレビューとして自動的に使用します。
各カードのプレビュー領域の表示方法を制御できます:
  • Document(デフォルト) — エントリーのページコンテンツのプレビューを表示
  • Fill — カードのプレビュー領域をエントリーの画像で塗りつぶす
  • Immersive — 画像をカードの全面背景として使用
  • プレビューなし — プレビュー領域を完全に非表示にし、プロパティのみを表示
プレビューの種類は Gallery Options で変更します(下記参照)。

カードサイズ

Gallery View には2つのカードサイズがあります:
  • Small — コンパクトなグリッド、一度に多くのカードを表示
  • Large — 大きなプレビュー、1行あたりのカード数は少なめ
設定メニュー(⋯)から Gallery Options にアクセスして、ビューをカスタマイズします:
  • Card Size — Small または Large
  • Preview — Document、Fill、Immersive、またはプレビューなし
  • Limit visible fields — 有効な場合(デフォルト)、カードには限られた数のプロパティが表示され、残りは「+n」インジケーターで示されます。すべての有効なフィールドを各カードに表示するには、この機能をオフにします。
  • Fields — 各カードに表示するフィールドを選択し、表示・非表示を切り替えます
Gallery Options panel
  • エントリーを開く — カードをクリックして完全なページを開く
  • コンテキストメニュー — 右クリック(Mac)またはロングプレス(iOS)で追加オプション
  • カードを選択 — クリックで選択、Shift+クリックで複数選択

ソート、フィルタリング、グループ化

Gallery View はソート、フィルタリング、グループ化に対応しています。Table View と同じオプションが利用できます。グループ化されたギャラリーでは、カードグループ間にセクションヘッダーが表示されます。 Grouped gallery view with section headers ソート、フィルタリング、グループ化の詳細な手順については、Collection Views を参照してください。

トラブルシューティング

関連記事

Collections

Craft の Collections とフィールドタイプについて

Collection Views

ソート、フィルタリング、グループ化でビューを作成

フィールドと列の並べ替え

Collections のフィールドと列の順序をカスタマイズ

iOS で Collections を使う

iPhone と iPad のタッチ最適化された Collections