Diviのユーザーの感想モジュールの使い方

こんにちは、根本です。今回は、Diviのユーザーの感想というモジュールの使い方をご紹介していきます。

Diviのユーザーの感想モジュールとは？

ユーザーの感想モジュールは、レビューを表示することができます。

コンテンツ設定

テキスト

• 著者：レビューしてくれた方の名前を記入します。
• 役職：ユーザーの職業や役職を記入します。
• 会社：会社名を表示したい場合は、こちらに記入します。
• ボディ：レビュー本文を記入します。

画像

ユーザーの画像をこちらから選択します。右上に表示されるゴミ箱アイコンをクリックして、画像を削除することも可能です。

要素

モジュールのトップの位置に引用のアイコンを表示する場合は、「はい」にしておきます。必要がなければ「いいえ」に切り替えましょう。

デザイン設定

引用アイコン

• 引用アイコンカラー：引用アイコンのメインカラー（ボーダーとダブルクウォーテーションマーク）を設定します。
• アイコンの背景色を引用する：引用アイコンのサブカラー（ボーダーとダブルクウォーテーションマーク以外）を設定します。
• カスタム見積アイコンサイズを使用：「はい」い切り替えると、「引用アイコンのフォントサイズ」が表示されます。
• 引用アイコンのフォントサイズ：アイコンの大きさを調節します。

画像

• 画像最大幅：画像の横幅を調節します。
• 画像の高さ：画像の高さ（縦幅）を調節します。
• 画像 角丸長方形：画像の四角の丸みを調節します。
• 画像 ボーダースタイル：画像の4つの辺のうち、どこにボーダーをつけるのかを選択します。
• 画像 ボーダー幅：ボーダーの幅を調節します。
• 画像 ボーダーカラー：ボーダーの色を設定します。
• 画像 ボーダースタイル：ボーダーのタイプを選択します。
• 画像とビデオ：画像に付けるぼかしを選択します。

「画像」の基本的な設定は上の通りです。他の設定項目は、画像の色合いを調節するためのものです。細かく色合いを調整したい場合は、使ってみてください。

テキスト

• 文字列の揃え：モジュールに表示される全てのテキストの整列を設定します。
• テキストの色：ボディテキストと名前などのテキストの色を「明るい」色にするのか、「暗い」色にするのかを選択します。
• 文字サイズ：全てのテキストに付けるシャドーを選択します。

ボディ・著者・位置・会社テキスト

• フォント：テキストのフォントを変更できます。
• ソフトライト：文字の太さを選択します。
• 書式のコピー：テキストの書式（斜体にしたり、打ち消し線を引いたり）を設定します。複数の書式を選択することも可能です。
• 文字の揃え：テキストの位置を設定します。
• テキストカラー：文字の色を設定します。
• 文字サイズ：文字の大きさを調節します。
• 文字間隔：テキストの各文字の隙間を調節します。
• 行の高さ：縦の幅を調節します。
• 文字サイズ：著者テキストと位置テキスト、会社テキストに表示される設定項目ですが、テキストに付けるシャドーを選択します。

テキストの設定はボディと著者、位置、会社の4種類ありますが、ほぼ同じ設定なので、まとめました。異なる設定は、上で記載してあります。