WordPress個別サポート

WordPressに限りませんがサイトに口コミ機能があると、商品やサービスの信頼性を示すのに役立ちます。WP Customer Reviewsプラグインを使うと、口コミ(カスタマーレビュー)を投稿したり表示できるようになります。

WP Customer Reviewsプラグインによる口コミ投稿フォーム

WP Customer Reviewsプラグインによる口コミ投稿フォーム

以下、WP Customer Reviewsプラグインの使い方を説明します。

スポンサーリンク

WP Customer Reviewsプラグインの使い方

「プラグイン」‐「新規追加」メニューからWP Customer Reviewsプラグインをインストール、有効化します。

ひとまず初期設定の口コミ投稿フォームを表示してみましょう。それには、フォームを表示したい投稿や固定ページの編集画面を開き、本文入力エリアの下にあるWP Customer Reviewsの設定メニューで「Enable WP Customer Reviews for this page」をチェックします。

レビューフォームを表示する

このページにレビューフォームを表示する設定

これにより、その投稿や固定ページで口コミ(レビュー)を投稿したり表示できるようになります。「Create your own review」ボタンをクリックすると投稿フォームが表示される仕組みです。

「Create your own review」をクリックして口コミ投稿フォームを開く

「Create your own review」をクリックして投稿フォームを開く

投稿フォームが開きます。

本文の下に口コミ投稿フォームが表示される

本文の下に口コミ投稿フォームが表示される

これで口コミを投稿できるようになりますが、初期設定のフォームには不要な項目があったり表記が英語だったりするので設定メニューなどを使ってカスタマイズしていきましょう。

口コミフォームは本文下に表示される仕組みですが、ショートコードを使って表示位置を制御することもできます。詳しくは、「Reviews」‐「How to use」を参照してください。

設定メニューを有効にする

設定メニューを使用可能にするため、「Reviews」‐「Plugin Settings」メニューを開き、画面を下にスクロールして「Yes」または「No」をクリックします。

設定メニューを表示するために

設定メニューを使用可能にする

「Yes」をクリックすると投稿フォームの下に「Powered by WP Customer Reviews」リンクが表示されます。リンクを表示したくない場合は「No」をクリックします。

Powered by WP Customer Reviewsリンク

「Powered by WP Customer Reviews」のリンク

完了後、設定メニューの各タブが表示されるようになります。

設定メニューが表示される

設定メニューが表示される

投稿フォームのカスタマイズ(日本語化)

初期設定の投稿フォームは次のような構成です。

初期設定の口コミ投稿フォーム

初期設定の口コミ投稿フォーム

設定メニューの「Review Form Settings」タブを使うと、「Name」や「Email」などの英語表記を日本語にしたり、不要項目を非表示にすることができます。

入力項目の設定画面(Review Form Settings)

入力項目の設定画面(Review Form Settings)

ここでは、名前(1)を日本語にして、その他の項目(2)のチェックを外して非表示にしました。オリジナルフィールドも追加できるようですが、ここでは説明を省略します。

投稿フォームの項目のカスタマイズ

投稿フォームの項目のカスタマイズ

これで投稿フォームの項目が整理されます。

投稿フォームのカスタマイズ後

投稿フォームのカスタマイズ後

テンプレートのカスタマイズ(日本語化)

メニューを使ってフォーム項目を日本語にできましたが、「Rating」や「Review」「Submit your review」など、英語が残っています。これらはwp-customer-reviews/include/templatesフォルダにあるテンプレートファイルに記述されています。面倒ですが、1つずつ日本語に直しましょう。

テンプレートの翻訳

以下、主なファイルに含まれる英語表記と訳の例を紹介します。すべて検証していないので他にも修正すべき点があるかもしれません。必要に応じて追加作業をお願いします。

▼frontend_review_form.html

  • 「Create your own review」 --- 口コミを投稿する
  • 「Submit your review」 --- 口コミ投稿フォーム
  • 「Check this box to confirm you are human.」 --- スパムでなければチェックしてください
  • 「Submit」 --- 送信する
  • 「Cancel」 --- キャンセルする
  • 「There are no reviews yet. Be the first to leave yours!」 --- レビューはありません。

▼frontend_review_form_review_field.html

  • 「Review」 --- レビュー

▼frontend_review_form_rating_field.html

  • 「Rating」 --- 評価

▼frontend_review_item_aggregate.html

  • 「Average rating」 --- 平均
  • 「reviews」 --- レビュー
プラグインをアップデートすると、これらのテンプレートは初期状態に戻ってしまいます。せっかくの努力が水の泡にならないように、テンプレートの翻訳・カスタマイズはローカルPCにダウンロードしたファイルを編集する方法で行うようにしましょう。

テンプレートの再読み込み

テンプレートの修正が終わったら、「プラグイン」‐「インストール済みプラグイン」メニューから、いったんWP Customer Reviewsプラグインを停止し、もう一度有効化してください。これにより、カスタマイズしたテンプレートが読み込まれます。

テンプレートファイルを保存するときは文字コードに注意してください。UTF-8(BOMなし)です。

あらためて口コミ投稿フォームを表示すると、日本語化したフォームが表示されるはずです。

テンプレートのカスタマイズ後

テンプレートのカスタマイズ後

投稿後メッセージの日本語化

口コミを投稿すると、「ありがとうございました…」のメッセージが表示されますが初期設定では英語です。

投稿後のメッセージが英語で表示される

投稿後のメッセージが英語で表示される

これは「wp-customer-reviews/js/wp-customer-reviews.js」に書かれています。

alert('Thank you! Your review has been received and will be posted soon.');

こんな感じに修正できます。思いきり省略していますが。

alert('投稿ありがとうございます!');

これで、メッセージが日本語で表示されるようになります。

投稿後のメッセージが日本語になる

投稿後のメッセージが日本語になる

その他にも英語のメッセージがありますが、必要に応じて日本語に直してください。

投稿された口コミの反映

投稿された口コミは管理者の承認後に画面に表示される仕組みです。「Reviews」‐「All Reviews」メニューを開いて投稿された口コミを確認しましょう。

口コミは「レビュー待ち」の状態で投稿されています。公開するため「クイック編集」(または「編集」)をクリックしましょう。

非公開になっている口コミを公開する

非公開になっている口コミを公開する

ステータスを「公開済み」にして「更新」ボタンをクリックすると、その口コミが画面に表示されるようになります。

投稿された口コミを公開

投稿された口コミを公開

承認した口コミは投稿フォームの下に表示されます。

管理者が承認した口コミが表示される

管理者が承認した口コミが表示される

まとめ

WP Customer Reviewsプラグインを使って口コミ機能を追加する方法を紹介してきました。日本語対応が少し面倒ですが、ワンタッチでフォームを作成できる点は非常に便利です。興味がある方はお試しください。

この記事をSNSで共有する
WordPressでお困りのときはご相談を
この記事を書いた西沢直木が直接、WordPress個別サポートで対応します。
こんなときはご相談を
  • WordPressの使い方(ページやメニューの作り方を教えてほしい)
  • カスタマイズ(機能の追加やデザイン調整をお願いしたい)
  • トラブル対応(画面真っ白・「ログインできない」を解決したい)
マンツーマンなので相談内容は自由です。いただいた課題をその場で解決、CSSやPHPも目の前で修正します。気軽にご相談ください。
wordpress講座受講予約
WordPress講座の問い合わせ先

関連記事

BizVektorのカスタマイズ

WordPressによるサイト作成のヒント

WordPressプラグイン

スポンサーリンク
西沢直木によるWordPress講座の紹介
ホームページ作成講座WordPress個別サポート