2列ブロック

スタイルガイドに戻る

2カラムブロックは、他のブロックを2カラムに分割して表示することができます。Kalaeウェブサイトでの主な用途は、WYSIWYGブロックと画像ブロックやスライダーブロックを組み合わせることですが、他の組み合わせも可能です。 Dominoブロックをモバイルサイズに変更した際の積み上げ順序を編集者が指定したり、積み上げずに2列のレイアウトを維持するように定義することができるようになる予定です。 Dominoブロックに背景色を指定するオプションが追加され、デフォルトの背景色やセクションブロックが指定する色とは対照的な色をエディターが指定できるようになります。

例1

このTwo Columnブロックは、標準的な構成に設定されています。画像の縦横比はAutoになっているので、アップロードされたアセットから引き継がれ、積み重ね順は左にテキスト、右に画像となっています。

例2

このTwo Columnブロックは、カスタム設定になっています。画像の縦横比はPortraitに設定されており、画像アセットは中央で切り取られ、カバーされます。また、表示順も画像は左、テキストは右と逆になっています。