画像グリッドブロック

スタイルガイドに戻る

イメージグリッドブロックは、任意の数のイメージをグリッドで表示することができる繰り返し可能なブロックです。各子ブロックにはWYSIWYGエディタがあり、タイトル、テキスト、ボタンを追加することができます。 子ブロックが1つだけ入力された場合は、コンテンツ幅いっぱいに展開されますが、2つ以上追加された場合は、すべてのブロックが50%の幅で表示されます。縦と横のガターは、テーマのサイジングに基づいて統一されています。 CMSでロールオーバー効果を選択すると、画像がわずかに拡大縮小されます（ただし、オーバーレイコンテンツは拡大縮小されません）これは「なし」に設定すると、ロールオーバー状態を無効にすることができます。

例1

このイメージグリッドは、4枚の画像で構成されています。ロールオーバー状態、色合い、オーバーレイコンテンツはありません。

例2

このイメージグリッドは、6つの画像で構成されている。最初の画像は、白のオーバーレイ、黒のテキスト、スケールのロールオーバーで構成され、4番目の画像は、黒のオーバーレイ、白のテキスト、スケールのロールオーバーで構成されています。他のブロックはすべて静的で、ロールオーバー、色合い、オーバーレイのコンテンツはありません。

例3

このイメージグリッドは1枚の画像で構成されており、全幅に拡大する必要があります。

例4

このイメージグリッドは、奇数で壊れることを実証するために、3つの画像で構成されています。