お客様の声セクション

Web サイトにレビュー ページを簡単に作成したり、お客様の声セクションを使用してページにレビューを追加したりできます。

ウェブサイトにクライアント レビューを追加すると、ブランドへの信頼が高まり、質の高いクライアントとの関係を維持するのに役立ちます。


ここで扱われる内容:

  1. 証言リストとは何ですか?
  2. ページにお客様の声リスト セクションを追加する
  3. リスト アイテムの追加と編集
  4. シーケンス リスト アイテム
  5. リスト項目の削除
  6. セクション レイアウトの変更
  7. スタイルオプション
  8. フルカードとテキストカード

1. 証言リスト

  • ウェブサイトにお客様の声セクションを簡単に含めることができ、ウェブサイトでフィードバック、コメント、お客様の声を紹介できます。
  • ウェブサイトでポジティブなバズを紹介するのに最適な方法です。

2.お客様の声リストセクションを追加

  • ページにセクションを追加できます。 既存のページにセクションを追加することも、 新しいページを作成する あなたのウェブサイト内。
  • あなたのページで、をクリックしてください 青+アイコン 追加する 新しいセクション あなたのページに。

 

  • 今すぐ セクションカテゴリ 左側にあります。
  • 下にスクロールして、 お客様の声セクション (1) さまざまなレイアウトから選択できるオプション。

  • 任意のセクション レイアウト (2) を選択し、クリックしてページに追加します。

3. リスト アイテムの追加と編集

リスト アイテムを追加

セクションを追加したら:

  • セットアップボタンをクリックすると、セットアップが開始されます Edit Testimonials (1) ボタンをクリックして、リスト アイテム パネルを開きます。

  • セットアップボタンをクリックすると、セットアップが開始されます アイテムを追加 (2) ボタンをクリックして、新しいリスト アイテムを追加します。
  • あなたはするオプションがあります 複製して削除 (3) リストアイテム。


リスト アイテムの編集

  • 編集するリスト項目をクリックします。
  • 特定のリスト項目の編集オプションが開きます。
  • 画像をアップロードする (1) リスト アイテムの場合。
  • 加える 役職 (2) サブタイトル (3)と、 説明 (4) リスト アイテムの。

  • のリンク ビルダー アイコンをクリックします。 タイトルリンク (5) リンク ビルダーを開いて、リスト アイテムのタイトルを任意のページにリンクします。
  • で開くようにリンクを設定します 新しいタブまたは同じタブ内 とします。
  • 任意のタイプを追加します リンク (7)リスト項目へ。 ボタン/画像リンク/ソーシャルアイコン/テキストリンクを追加できます。 さらに詳しく.
  • Save (8) お客様の変更。


実際の動作を参照してください。


4. 配列表項目

  • リスト項目を簡単にドラッグ アンド ドロップして、順序を変更できます。

5. リスト アイテムを削除する

リスト アイテムを追加したら、同じものを編集したり、削除したりできます。

  • セットアップボタンをクリックすると、セットアップが開始されます 削除 証言リスト項目の横にあるアイコン。
  • セットアップボタンをクリックすると、セットアップが開始されます 削除 確認ポップアップのボタン。
  • Save あなたの変更。
Note

一度削除されたリスト アイテムは復元できません。


6.セクションレイアウト

  • セットアップボタンをクリックすると、セットアップが開始されます 証言を管理する ボタンをクリックして、画像リスト編集パネルを開きます。
  • 選択する レイアウト タブには何も表示されないことに注意してください。
  • セクションのレイアウトを選択し、変更を保存します。

7. セクションのスタイルを設定する

  • ソフトウェアの制限をクリック Edit Testimonials (1) ボタンをクリックして、証言リスト編集パネルを開きます。

  • 選択する スタイル(2) タブには何も表示されないことに注意してください。
  • セクション要素のスタイルを変更し、 保存 (3) あなたの変更。

スタイルオプション

セクションには複数のスタイル オプションがあります。 

アイテム 

  1. に選択します。 アイテムを表示 in 行と列 or カルーセル 
    • を選択した場合 行と列 オプションを選択すると、リスト項目が行と列に配置されます。 この場合、行数と列数を指定する必要があります。
    • を選択した場合 カルーセル オプションを選択すると、リスト項目がスライドショーとして表示されます。 もっと知る.
  2. をセットする  列の数 リスト項目の場合。 1 ~ 10 列から選択できます。
  3. 特定します 列間のスペース リスト項目の。
  4. 選択する コンテンツの順序 つまり、最初に表示されるリスト項目の画像または関連するテキストです。
  5. 整列 コンテンツ リスト項目で。 左、右、または中央揃えに設定できます。
  6. カルーセルをループするかどうかを選択します。
  7. カルーセルの場合は、 ナビゲーションコントロール. コントロールなし、矢印 – 中央下/右上/右下、シェブロン、ドットから選択できます。

画像 

  1. 選択する 画像の切り抜き リスト項目の場合。 画像は、正方形、円形、横長、縦長、ダイナミックに設定できます。
  2. リスト項目の各辺に共通の角半径または異なる角半径を選択し、数値 (px) を設定します。 コーナー半径 リスト項目の画像。

先端

使い方 コーナー半径 フィールドでは、さまざまな形状のリスト アイテム イメージを作成できます。 ここで 500 px を指定すると、画像は円形で表示されます。 

  • 分割コーナーを選択した場合は、コーナーごとに異なるコーナー半径を設定できます。

画像ホバー時 

  1. 選択する 画像ホバーの色  アクセントの色 または 指定の。 を選択した場合 アクセントの色、次に指定します 不透明度.
  2. を選択した場合 色を指定 オプションを設定してから ベースのホバーの色と不透明度 リストアイテム用。
  3. をセットする  要素 セクションのリスト項目の色。
  4. に選択します。 リスト項目の画像をアニメーション化する はいをクリックしてホバーします。

サイズとスペース 

  1. 特定します 画像の幅 リストアイテム用。
  2. 特定します コンテンツの幅 リストアイテム用。
  3. 特定します セクション見出しの下のスペース ピクセルで。
  4. 特定します 画像の下のスペース リスト項目の (%)。
  5. 特定します タイトルの下のスペース リスト項目の (%)。

文字スタイル

  1. セットアップボタンをクリックすると、セットアップが開始されます  文字スタイルの変更 にアクセスするためのボタン 設計 セクションと フォントのサイズとスタイルを管理します。
  2. をセットする 役職 リスト項目のフォント スタイル。
  3. をセットする  サブタイトル リスト項目のフォント スタイル。
  4. デフォルトを設定する 説明 リスト項目のフォント スタイル。

カード 

  1. 方法を参照してください カードの管理に。

注:   カード オプションは、 最初のレイアウト.  

Shadow 

  1. ディスプレイ – リスト項目の背後にある影を常に表示するか、ホバー時にのみ表示するかを選択します。
  2. 形式 – 既存のプリセットから選択するか、カスタム シャドウを作成します。
    カスタムオプションを選択した場合は、これにアクセスしてください ボックスシャドウジェネレータ カスタム シャドウを作成します。 最後に、コピーして貼り付けます ボックス シャドウ CSS.

  1. プリセットオプションを選択した場合は、 影のスタイルを選択 をドロップダウンから選択します。

  1. 方法を参照してください ボタンとリンクのスタイルを管理します。
  2. Save 変更。


8. フルカードとテキストカード

オンにすると フル/テキスト カード 推薦状リストの上に、リスト アイテムには、選択したカードの色のアウトラインと背景が表示されます。 設計 のセクションから無料でダウンロードできます。
参照: ウェブサイトの色と間隔。

フルカード

カード全体のオプションを選択すると、カードの色がカード全体、つまり画像とそれに関連付けられたテキストに適用されます。

ご覧ください: 

テキストカード

テキスト カード オプションを選択すると、カードの色は画像に関連付けられたテキストにのみ適用されます。

ご覧ください: 

お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。