まとめコンテンツ

ショップ紹介ページなどで最後のまとめコンテンツに入れたりするのに便利。


背景黒カード

背景を黒に設定したカード型コンテンツ。カラム全体か個別カードの設定も可能。


インスタントフォトカード風

背景を白に設定したカード型コンテンツ。上の黒と微妙に変化を加えて背景に影あり。


ちょっとした説明ボックス

ちょっと説明を入れたいけど文章だと目立たなくなるときにアクセントとして使用。


画像ふんわりエフェクト

ページをスクロールすると画像がふんわり表示される。


カラムに枠をつける

カラムに枠をつけ流。サンプルは変な画像です。


カラムの雰囲気ふんわり

画像を使わないで背景色、角丸、影で調整。


背景に画像ぶち抜き

背景画像に画像を設定して、上にはカラムでコンテンツを追加。背景の色によって文字の色も変える必要があるので注意。


カラムに吹き出し

人がコメントやレビューしているシーンに使える。


スマホでカラムを2列(3列)表示

スマホ表示でカラム内の画像が全部一列になってしまうのを回避。


リストに装飾

ホテルの設備や商品説明の際のアレルギー表示とかで使える。


背景ぶち抜き左右パターン

画像のように背景に画像と色を敷いたパターン。特徴的な説明をしたいときに使う。


背景ぶち抜き左右パターン2

画像のようにカラムの背景に色を敷いたパターン。画像をマックス幅で表示ではなく横幅800pxで指定。


画像に画像をおく

あまり使うシーンは少ないかもしれないがメイン画像とサブ画像を表示するときに使ってみると良い。


背景画像ぶち抜き簡単版

画像保管場所URLを使わずに背景をぶち抜くパターン。簡単だけどURL指定より画質が落ちるので注意。