EN
検索中...

お客様の声セクション

ウェブサイトにレビュー ページを簡単に作成したり、推薦文セクションを使用してページにレビューを追加したりできます。ウェブサイトにクライアントのレビューを追加すると、ブランドへの信頼が高まり、質の高いクライアント関係を維持するのに役立ちます。

ここで扱われる内容：

お客様の声リスト

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

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

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

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

  • いずれかを選択 セクション レイアウト (2) をクリックしてページに追加します。

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

リスト アイテムを追加

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

  • 以下を行うには、 お客様の声を編集 (1) ボタンをクリックして、リスト アイテム パネルを開きます。

  • 以下を行うには、 アイテムを追加 (2) ボタンをクリックして、新しいリスト アイテムを追加します。
  • あなたはするオプションがあります 複製して削除 (3) リストアイテム。

リスト アイテムの編集

編集するリスト項目をクリックします。 特定のリスト項目の編集オプションが開きます。

ここから、次のことができます。

  • プライマリイメージとセカンダリイメージのアップロード/削除 (1)
    あなたはアップロードすることができます 二次画像 と一緒に プライマリ画像 各リスト項目に設定されます。ユーザーが項目の上にマウスを移動すると、プライマリ画像の代わりにセカンダリ画像が表示されます。さらに、 画像のアクセントカラー画像の上にマウスを移動すると表示されます。
  • 加える Title (2)、字幕 (3)、および説明 (4) リスト項目の。
  • 選択したレイアウトによっては、特定のリスト項目にサブタイトルと説明のオプションが見つからない場合があります。
    説明を追加する前に確認してください この 記事。

5. クリック時のアクション

個々のアイテムのクリック動作をカスタマイズできます。 お客様の声 セクション。利用可能なオプションは次のとおりです。

  • リンクへ移動
    このオプションを選択すると、 リンクビルダーを使用すると、このアイテムにハイパーリンクを追加できます。このリンクにより、ユーザーを Web サイト内の別のページまたは外部 URL に誘導できます。 もっと知る 自己紹介 リンクビルダー.
  • ライトボックスで開く
    このオプションではアイテムを拡大して表示します ライトボックス クリックすると表示されます。このモードでは、 サブタイトル の三脚と  詳細説明  アイテムに関連付けられた情報はグリッド ビューには表示されませんが、ライトボックス モードでは表示されます。
  • 何もしません
    このオプションを選択すると、アイテムをクリックできなくなります。選択すると、アイテムをクリックしてもアクションはトリガーされません。

6. 新しいウィンドウでリンクを開く: で開くようにリンクを設定します 新しいタブまたは同じタブで。 これは次の場合にのみ表示されます リンクへ移動 オプションが選択されている場合は、 クリック時のアクション メニュー。

7. ボタンとリンク: 任意のタイプを追加します リンク リスト項目にボタン/画像リンク/ソーシャルアイコン/テキストリンクを追加できます。 さらに詳しく.

8. 保存: カスタマイズを行った後、変更を保存します。

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

配列表項目

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

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

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

  • 以下を行うには、 削除 証言リスト項目の横にあるアイコン。
  • 以下を行うには、 削除 確認ポップアップのボタン。
  • Save あなたの変更。

 

 

お願い

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

お客様の声セクションの要素を管理する

お客様の声のセクションには、 要素タブ セクション内のさまざまな要素の表示を簡単に管理できます。シンプルなトグル スイッチを使用すると、要素自体を削除したり変更したりすることなく、特定の要素を有効または無効にすることができます。

  • 以下を行うには、 お客様の声を編集 （1）ボタン。

  • 選択する 要素 (2) タブ。
  • 変更を加えたら、 Save （3）ボタン。

セクションのオプション

  1. 見出しを表示: お客様の声セクションの見出しの表示を有効または無効にします。
  2. ボタンを表示: セクション レベルでボタンを表示するかどうかを制御します。

アイテムオプション

  1. 画像を表示: 画像の表示/非表示を切り替えます。
  2. ショーのタイトル: タイトルを表示するかどうかを制御します。
  3. 字幕を表示: 字幕を有効または無効にします。
  4. 説明を表示: アイテムの説明の表示を管理します。
  5. ボタンを表示: 個々の項目のボタンを表示するかどうかを決定します。

セクション レイアウト

  • 以下を行うには、 お客様の声を編集 ボタンをクリックしてセクション編集パネルを開きます。
  • 選択する レイアウト タブには何も表示されないことに注意してください。
  • ここから、ページにセクションを追加した後でも、セクションのレイアウトを簡単に変更できます。

レイアウトを変更している間、セクション関連のレイアウトが上部に表示されます。

これら以外にも、以下のセクションからレイアウトを選択することもできます。 その他のレイアウト 見出し。

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

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

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

スタイルオプション

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

    1. アイテム
    2. 文字サイズ
    3. 間隔
    4. セクションの見出し
    5. 画像
    6. シェイプマスク
    7. イメージボーダー
    8. カード
    9. Shadow
    10. ボタンとリンク

アイテム 

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

文字サイズ

  1. 以下を行うには、 文字スタイルの変更 にアクセスするためのボタン 設計 セクションと フォントのサイズとスタイルを管理します。
  2. をセットする Title リスト項目のフォント スタイル。
  3. をセットする  サブタイトル リスト項目のフォント スタイル。
  4. デフォルトを設定する 詳細説明 リスト項目のフォント スタイル。
  5. このオプションを有効にすると 数字をアニメーション化する に存在する Title の三脚と サブタイトル フィールド。オンにすると、数値が動的なカウントアニメーションとともに表示され、視覚的に魅力的なものになります。

間隔

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

セクションの見出し

  1. 水平に揃える セクションの見出しテキスト。左、中央、右に設定できます。
  2. 有効/無効にする 分配器 セクションの見出しとセクションのコンテンツの間。
  3. をセットする  仕切りの厚さ (ピクセル単位)。
  4. 特定します 仕切りの色 カラーピッカーから。
  5. スタイルを選択 セクション見出し区切り線.

画像 

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

先端

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

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

画像ホバー時 

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

シェイプマスク

  1. シェイプマスク: このトグルを有効にすると、「推薦文」セクションの画像にシェイプマスクが適用されます。有効にすると、選択したシェイプが画像に視覚的にクリップされ、その形状に収まります。
  2. 形状を選択: 画像に適用するさまざまな定義済み形状から選択します。これにより、丸型、ダイヤモンド型、ドロップ型などのユニークな形で画像を表示して、コンテンツをクリエイティブにスタイル設定できます。

Notes

  • シェイプマスクオプションはレイアウトに依存します – タイトルやサブタイトルなどのテキストが画像の上に表示されるレイアウトでは表示されない場合があります。
  • ストレッチ設定は複数の要因に依存します – スタイル タブで定義された画像サイズ、配置、切り抜きの設定が含まれます。
  • 画像の切り抜きがオリジナルに設定されている場合画像の実際の寸法によって、垂直方向に引き伸ばされるか、水平方向に引き伸ばされるかが決まります。

イメージボーダー

  1. 境界線の有効化/無効化 トグルを切り替えて画像の周りを囲みます。
  2. を選択してください 共通の境界線 画像のすべての面、または指定することもできます 別々に境界線を付ける それぞれの側に。
  3. 特定します 幅 国境の。 0 に設定すると、境界線は表示されません。画像の各辺の境界線の幅を個別に設定するオプションもあります。
  4. まず 境界線の色 カラーピッカーから。
  5. 優先するものを選択してください ボーダースタイル をドロップダウンから選択します。
  6. を決定する モバイルの境界線の幅 デスクトップ用に選択された幅に合わせて配置します。

カード

Shadow

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

ボタンとリンク

Save すべてのスタイルが変わります。

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

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

フルカード

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

 

テキストカード

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

 

タグ：

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

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

お問い合わせ