お客様の声ウィジェットを使って、いろんなレイアウトを作ってみましょう。
このウィジェットはスタッフ紹介にも使えそうですね。?
はじめに
左パネルの一般エレメント＞お客様の声ウィジェットを「新しいセクションの追加」へドラッグ＆ドロップ。
カラムの「Duplicateカラム」を選択するとサクッと3カラムの画像ボックスが作成できました。?
バリエーション
お客様の声ウィジェットの設定を変更して6種類作成してみました。
この記事下のDEMOボタンより確認お願いします。?
お客様の声 その1
何も設定いじってない状態。
お客様の声 その2
左パネルのコンテンツエリアより、画像位置を上にしました。
お客様の声 その3
左パネルのコンテンツエリアより、配置を左にしました。
お客様の声 その4
スタイルエリアの画像のサイズを130にしました。画像の大きさを変更するだけで印象が変わりますね。?
お客様の声 その5
スタイルエリアの画像とボーダータイプ、色、ボーダー丸みを変更しました。
見ながらデザインを微調整できるところが良いですね。?
お客様の声 その6
スタイルエリアの画像サイズとボーダータイプを変更しました。
あとがき
お客様の声ウィジェットは「コンテンツ」「名前」「ジョブ」がセットになっているのでまとめて大量にレイアウトする時に重宝しそうです。?