TUNING

2018年1月18日

特集記事 画像配置作例

グレーのラインはアスペクト比確認用

この枠は注釈や、プロフィール・場所の詳細などを掲載するのに利用できるかと。

▲注釈も入れれるようにしてみた。

パターン 1 : 左に大画像、右に小画像2枚

パターン 2 : 上に大画像、下に小画像2枚

パターン 3 : 2列表示(1段)

パターン 4 : 3列表示(1段)


コメント

複合パターン : パターン1 + パターン4

画像配置用の枠と、その中身のバリエーションによって複合パターンを実現。
配置自体もタグクリックとメディア追加だけで完了する。ただし、画像サイズに応じて若干のクラス名編集が必要になるため、店舗側での編集は難しいと思われる。(現状はTUNING側だけで問題ないので、今後の課題として記憶しておく程度で良い。)

複合パターン : パターン3 + パターン3
正方形に編集