Real Testimonials:お客様の声を管理しスライダーで表示できる

お客様の声を管理しスライダーで表示できる WordPress 用プラグインの紹介です。
それは「Real Testimonials」です。
その導入手順から日本語化・使い方と設定などを解説していきます。

Real Testimonials

Real Testimonials - WordPress.org

Real Testimonials は、お客様の声を管理しスライダーで表示できます。
Real Testimonials の主な特徴は、以下のとおりです。

  • レスポンシブに対応
  • ショートコードジェネレータとライブプレビューを搭載
  • お客様の声を制限なく追加し、好きな場所に表示可
  • お客様の声をインポート/エクスポート可
  • 自動再生の有効化/無効化 & 速度の制御可能
  • ホバースライダーで停止可
  • スライダーの無限ループ可
  • 表示するお客様の声の最大数を設定可
  • ナビゲーションアローとページネーションドットの表示/非表示
  • スライダーのページネーションスピードをコントロール可能
  • スター形式での簡単な評価システム有り
  • セクションタイトルの表示/非表示
  • 体験談のタイトルやキャッチフレーズの表示/非表示
  • お客様の声の内容やレビューメッセージの表示/非表示
  • レビュアー名の表示/非表示
  • スターレーティングを表示/非表示
  • レビュアーの ID または役職を表示する/非表示
  • お客様の声で画像の表示/非表示
  • レビュアーの画像サイズの設定
  • 各フィールドのカラーオプションは無制限
  • 複数のお客様の声スライダーまたはショーケース(1ページにつき1つ以上のスライダーをサポート)を設置可
  • 各お客様の声スライダーにユニークな設定
  • 異なるデバイスでのお客様の声欄の数を制御
  • お客様の声の順序と並び順
  • お客様の声スライダーの高さの適応を有効化/無効化
  • iOS、Android、その他のタッチデバイスで、タッチ、スワイプ、またはタップ操作可能
  • マウスドラッグの有効化/無効化
  • WPML、Polylang、qTranslate-x などでの翻訳に対応
  • Widget と RTL に対応
  • Schema.org準拠のJSON-LDマークアップ&スピードに最適化されています
  • すべてのモダンブラウザをサポートします。Firefox、Chrome、IE、Safari、等

記事を作成もしくは更新時点でのバージョン:2.5.3
マルチサイトでの利用:可

Gutenberg エディターでの動作

Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。

Gutenbergでのショートコードの挿入手順

このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。

Gutenberg でのショートコードの挿入手順 – WordPress活用術

インストール手順

Real Testimonials をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Real Testimonials – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Real Testimonials」と入力します。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Real Testimonials を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

専用メニュー

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

ダッシュボードの「固定ページ」メニューの下に追加されています。

管理画面

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

お客様の声一覧

使い方

お客様の声を追加するには、「Add New」を選択します。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

一覧画面で一意に識別できるタイトルと表示する声の内容を入力します。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

お客様の名前、ID もしくは役職を入力し、評価を選択します。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

お客様の声で表示する画像を設定できます。
お客様の声で入力する項目は以上です。
ここで入力したお客様の声をどのような表示スタイルで表示するかは
「Manage Views」で作成します。

Manage Views

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

新しいビュー形式を作成するには「Add New」を選択します。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

一意に識別できるビュータイトルを入力します。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

このビューを表示するためのショートコートです。

一般設定

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

表示レイアウトを選択します。
選択すると言っても Free 版では、スライダーしか選択できません。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

  • Filter Testimonials
    お客様の声を表示するオプションを選択します。
  • Limit
    表示するお客様の声の件数を指定します。空欄にすると、すべてのお客様の声が表示されます。
  • Responsive Column(s)
    レスポンシブ表示に対応するために端末毎に異なるカラム数を設定できます。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

  • Random Order
    Pro 版のみの機能。
  • Order By
    お客様の声を何順で並べるかを選択します。
  • Order Type
    昇順・降順を選択します。
  • Schema Markup
    スキーママークアップを有効にするかどうか。
  • Preloader
    プリローダーを有効にするかどうか。

テーマ設定

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

Select Your Theme:
表示したいテーマを選択します。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

表示設定

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

画像設定

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

スライダーコントロール設定

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

タイポグラフィ設定

Pro 版のみのフォント関連の設定を行えます。

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

ライブプレビュー

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

現在の設定でプレビュー表示可能です。

Testimonial Forms

Pro 版のみの機能。

設定

高度な設定

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

メニュー設定

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

ReCaptcha

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

カスタムCSS

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

カスタム CSS コードを入力できます。

ツール

お客様の声をエクスポート&インポートできます。

エクスポート

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

インポート

WordPressプラグイン「Real Testimonials」の導入から日本語化・使い方と設定項目を解説している画像

代替プラグイン

Real Testimonials にほしい機能が無かった場合には、
Real Testimonials 以外にもお客様の声を表示できるプラグインを記事にしています。
以下では、Real Testimonials を含めて 6 個を簡単に紹介しています。

お客様の声を表示できるWordPressプラグイン一覧

URL

Real Testimonials – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

お客様の声

Posted by 管理人