「WP Customer Reviews」で口コミ・レビューサイトを構築したら、あっさりできました

以前にも、このブログで書いたのですが、メインサイトに口コミ投稿機能を追加したくて、WordPressのプラグインで良いものがないかと、色々と探しておりました。

検討する中で、「Multi Rating」というプラグインが一番良さそうだったのですが、有償版でないとコメント投稿ができず、有償版は年間４５００円もするので、断念したままとなっておりました。

《参考記事》 「Multi Rating」で口コミレビューサイトを簡単構築

あれから、口コミ対応の件をすっかり忘れていたのですが、最近になってメインサイトの競合が次々に口コミ機能を追加しだしたので、慌てて対応方法をまた検討し出しております。

色々と調べた結果、目的に合うプラグインはあまりなかったのですが、唯一、「WP Customer Reviews」だけが使えそうでした。

前に調べたときも候補には上がっていたのですが、ブロック機能が弱いのと、日本語対応が出来ていなかったので、スルーしておりました。

《公式サイト》 WP Customer Reviews

このプラグインはシンプルなのですが、良い点として、

• 口コミされた内容をチェックしてから反映できる。（これで最低限のいたずらブロックは可能）
• ５段階の★で評価でき、それを集計して平均点を表示できる。
• レビュー内容に管理者からのコメントを入れれる。
• Google様の検索結果ページの構造化データにも対応済み。
• 口コミを表示する位置、件数やページングを細かく指定できる。
• 今のリリース版３．４．１は４ヶ月前のリリースなので、更新もキチンとされている。

どうでしょうか。なかなか良さそうな感じです。

ただし、先ほど言ったように、このプラグインは日本語対応がまったく出来ておりません。そのため、プラグインのソースコードを直書きで修正しないとダメです。

まあ、該当箇所を編集していくだけなのですが、ファイルがいくつもあるので、結構メンドクサイです。

該当ファイルは以下のフォルダーにありました。英語を見つけるたびにgrepでひっかけて該当箇所を探し、修正していくだけです。

ある程度のプログラミング知識があれば、それほど難しいことでもないです。

/wp-content/plugins/wp-customer-reviews/include/templates

/wp-content/plugins/wp-customer-reviews/js

以下のサイトではエラー時のアラートなどが抜けていますが、すごく参考にさせていただきました。

《参考》 WordPressサイトにレビュー機能！WP Customer Reviewsを日本語化

あと、注意点として、文言を修正した後はプラグインを一端停止して再開しないと反映されないです。

最終的に出来上がったのが、これです。（アラートメッセージが元々ちょっと変な感じです）

どうでしょうか？

これで十分に使えそうじゃないですか？最初からこのプラグインにしておけばよかったです。

まとめ

最初、下書き記事で口コミを適当に入れてチェックしていたのですが、入力、許可した口コミがどうしても表示されずに困りました。

英語のサポートサイトをチェックしてやっと気付いたのですが、記事を公開しないとその記事に付いたレビューが表示されないみたいです。

これで、３０分ほど悩みました。。。

さっそく、メインサイトに導入してみたのですが、いい感じにできたと思います。

ただ、まだ誰も口コミを入れてくれないので、どんな感じになるのか、まだ分かりません。やはり、最初はサクラとして、自分でダミー口コミを入れないといけないのか。。。

あまり、作為的なレビューを書いても、食べログみたいになってしまうので、もう少し気長に待ってみます。

追記：

以前にモバイルでレスポンシブ対応できていないとご指摘があったので、以下のサイトを参考にさせていただき、CSSファイルを少し編集しました。

＜参考＞ 「WP Customer Reviews」をもっとカスタマイズしてみよう

コードそのまんまをパクらせてもらい、Wordpressの追加CSSに以下を入れると、とりあえず行けました。どうもありがとうございます。m(_ _)m

メインサイトでは少し変ですが、まあ、許容範囲です。

/* フォーム全体の最大幅追記 */
.wpcr3_div_2 {
    max-width: 100%;
}

/* 画面幅600px以下で見出しと入力フォームを２段にする */
@media (max-width: 600px){
.wpcr3_table_2 td {
    text-align: left;
    display: block;
}
}

/*  レビューフォームの幅設定 */
.wpcr3_respond_2 textarea {
    min-width: 300px;
    width: 100%;
    max-width: 100%;
}