Elementor お客様の声のデザイン

お客様の声ウィジェットを使って、いろんなレイアウトを作ってみましょう。

このウィジェットはスタッフ紹介にも使えそうですね。?

はじめに

左パネルの一般エレメント>お客様の声ウィジェットを「新しいセクションの追加」へドラッグ&ドロップ。

カラムの「Duplicateカラム」を選択するとサクッと3カラムの画像ボックスが作成できました。?

バリエーション

お客様の声ウィジェットの設定を変更して6種類作成してみました。

この記事下のDEMOボタンより確認お願いします。?

お客様の声 その1

何も設定いじってない状態。

 

お客様の声 その2

左パネルのコンテンツエリアより、画像位置を上にしました。

 

お客様の声 その3

左パネルのコンテンツエリアより、配置を左にしました。

 

お客様の声 その4

スタイルエリアの画像のサイズを130にしました。画像の大きさを変更するだけで印象が変わりますね。?

お客様の声 その5

スタイルエリアの画像とボーダータイプ、色、ボーダー丸みを変更しました。

見ながらデザインを微調整できるところが良いですね。?

お客様の声 その6

スタイルエリアの画像サイズとボーダータイプを変更しました。

あとがき

お客様の声ウィジェットは「コンテンツ」「名前」「ジョブ」がセットになっているのでまとめて大量にレイアウトする時に重宝しそうです。?

DEMO

Elementorカテゴリ

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.