Strong Testimonials:投稿されたお客様の声を簡単に表示できる

投稿されたお客様の声を一元管理し簡単に表示できる WordPress 用プラグインの紹介です。
それは「Strong Testimonials」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。

Strong Testimonials

Strong Testimonials - WordPress.org

Strong Testimonials は、投稿されたお客様の声を一元管理し簡単に表示できます。

お客様の声には、内容とともに☆評価を合わせて投稿してもらうこともできます。
お客様の声は、管理画面から管理者などが手動で投稿することもできます。

投稿されたお客様の声は、表示スタイルを 3 種類から選んでショートコードで表示することができます。

お客様の声用の投稿フォームの入力フィールドは自由にカスタマイズできます。
カスタマイズはプレビューで確認しながら行うことができます。

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

Gutenberg エディターでの動作

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

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

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

インストール手順

下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Strong Testimonials – WordPress.org

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

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

WordPressプラグイン「Strong Testimonials」のスクリーンショット

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

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

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

日本語化

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

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

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

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

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

専用メニュー

WordPressプラグイン「Strong Testimonials」のスクリーンショット

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

管理画面

WordPressプラグイン「Strong Testimonials」のスクリーンショット

投稿されたお客様の声一覧画面。

使い方

お客様の声用のフォームの表示手順などを簡単に解説しておきます。
まずは、「Views」メニューからビュー一覧画面を開いて、
「Add New」ボタンをクリックして、新規ビュー作成画面を開きます。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

作成画面が開いたら、モードで「Form」を選択します。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

Assign to a category:
カテゴリーを必要に応じて割り当てます。

Submit form without reloading the page (Ajax):
お客様の声フォームを送信時にページをリロードしないようにするかどうか。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

Template:
テンプレートを選択します。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

背景色とフォントの色を選択します。
また、追加したい CSS クラスがあれば指定します。

設定項目は、これだけです。
あとは「変更を保存」ボタンをクリックします。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

そうするとショートコードが発行されるので、フォームを表示したい場所にショートコードを記述します。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

実際に表示させると上のような感じで表示されます。
※長いので一部だけ表示させています。

☆評価もしてほしい場合には、「Fields」メニューを選択します。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

「Add New Field」ボタンをクリックします。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

フィールドが追加されたら、「Type」から「star rating」を選択します。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

表示させると上のような感じで表示されます。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

投稿されたお客様の声を表示させるには、ビューを作成します。

リストもしくグリッド形式で表示させたい場合には「Display」
スライダー形式の場合には「Slideshow」
使用中のテーマの単一投稿テンプレートを使用して表示する場合には「Single Template」

新規作成(Add New)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

WordPressプラグイン「Strong Testimonials」のスクリーンショット

WordPressプラグイン「Strong Testimonials」のスクリーンショット

WordPressプラグイン「Strong Testimonials」のスクリーンショット

WordPressプラグイン「Strong Testimonials」のスクリーンショット

カテゴリー(Category)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

WordPressプラグイン「Strong Testimonials」のスクリーンショット

ビュー(Views)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

フィールド(Fields)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

WordPressプラグイン「Strong Testimonials」のスクリーンショット

設定(Settings)

一般設定(General)

管理(Admin)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

  • Pending Indicator
    新しいお客様の声投稿が承認待ちをしているときにインジケータバブルで表示するかどうか。
  • Reordering
    お客様の声一覧でドラッグアンドドロップでの並べ替えを有効にするかどうか。
  • Custom Fields Meta Box
    お客様の声投稿エディタでカスタムフィールドメタボックスを表示するかどうか。
  • Single Testimonial Slug
    単一のお客様の声のパーマリンクスラッグを変更できます。

出力(Output)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

  • Enable Touch
    スライドショーでタッチスワイプナビゲーションを有効にするかどうか。
  • Scroll Top
    コンテナの上部から指定した px 分を引いたところまでスクロールするかどうか。
  • Remove Whitespace
    ビューの出力で HTML タグ間のスペースを削除して、二重段落(wpautop)を防止するかどうか。
  • Comments
    お客様の声へのコメントを許可するかどうか。「Single Template」を選択している必要があります。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

  • Embed Width
    YouTube や Twitter など埋め込みリンクの場合、フレーム幅を px 単位で指定できます。
  • Load Font Awesome
    Font Awesome を読み込むかどうか。
  • Nofollow Links
    カスタムフィールドの URL タイプに rel = “nofollow" 属性を追加するかどうか。

フォーム設定(Form)

フォームラベルとメッセージ(Form Labels & Messages)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

  • Required
    必須かどうか通知するかどうか。通知する場合には表示ラベルを入力します。
  • Submit Button
    送信ボタンのラベルを入力します。
  • Submission Error
    送信エラー時のエラーメッセージを入力します。
  • Submission Success
    送信成功時のメッセージを入力します。

WordPressプラグイン「Strong Testimonials」のスクリーンショット

  • Scroll(If errors)
    送信エラー時に最初のエラーから指定した px 分を引いたところまでスクロールするかどうか。
  • Scroll(If success)
    送信成功時に成功メッセージから指定した px 分を引いたところまでスクロールするかどうか。

フォームアクション(Form Actions)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

  • Upon Successful Submission
    お客様の声の投稿が成功した場合の動作を選択します。
  • Post Status
    お客様の声のステータスを選択します。
  • Notification Email
    メール通知をするかどうか。通知する場合には通知メールをカスタマイズできます。

互換(Compatibility)

互換設定(Compatibility Settings)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

  • Ajax Page Loading
    Ajaxを 使用してページを読み込むテーマ(プラグイン)との互換性を選択します。
  • Load Event
    スライダー・石積み・ページネーション・フォーム検証を開始するタイミングを選択します。
  • Lazy Loading Images
    遅延読み込みを行うかどうか。遅延読み込みを行う場合には、遅延読み込み時の画像を選択します。

ショートコード(Shortcodes)

WordPressプラグイン「Strong Testimonials」のスクリーンショット

ショートコードの使い方などが記載されています。

代替プラグイン

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

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

URL

Strong Testimonials – WordPress.org

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

お客様の声

Posted by 管理人