落ちこぼれエンジニアの憂鬱

個人的に気になるお金儲け、テック情報をわかりやすくお伝えします

WordPress

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

投稿日:2018年5月4日 更新日:

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

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

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

 

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

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

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

《公式サイト》 WP Customer Reviews

 

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

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

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

 

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

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

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

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

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

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

 

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

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

 

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

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

口コミを投稿する
1
2
3
4
5
投稿する
     
キャンセル

口コミを投稿する

落ちこぼれエンジニアの憂鬱
平均レビュー:  
 13 レビュー
by on 落ちこぼれエンジニアの憂鬱

テスト

by いなご on 落ちこぼれエンジニアの憂鬱
投稿完了のホップアップメッセージについて

はじめまして、こちらのサイトを参考に日本語化を目指しているのですが
wp-customer-reviews.jsファイルでチェックをしていない状態での投稿エラーメッセージや
投稿完了後のホップアップメッセージを日本語に書き換え、停止・有効化を行ったのですが反映されません。なにか手順が間違えているのでしょうか?

すみません、通知来ていたのですが、回答するのをすっかり忘れてました。

おかしいですね。wp-customer-reviews.jsファイルで大丈夫なはずなんですが、最近、バージョンアップしていないので、仕様が変わったのかもしれませんね。

あとで、最新にアップデートして確認してみます。(バージョンアップすると再度ローカライズしないとダメなのでちょっと面倒です)


=>さきほど、バージョン 3.2.5から3.4.1にアップデートしてチェックしてみました。JSファイルの変更はなく、以下の箇所だけで修正すればOKでした。
diff -r js/wp-customer-reviews.js /tmp/wp-customer-reviews/js/wp-customer-reviews.js
62c62
< alert('An unknown error has occurred. E01');
---
> alert('エラーが起こりました。 E01');
81c81
< alert('You did not pass our human detection check. Code '+wpcr3.mousemove_total+','+wpcr3.keypress_total);
---
> alert('必要な項目を入力してチェックボックスをチェックしてください。 Code '+wpcr3.mousemove_total+','+wpcr3.keypress_total);
88c88
< alert('You did not pass our bot detection check. Code '+c1_fail+','+c3_fail+','+fake_fail);
---
> alert('必要な項目を入力してチェックボックスをチェックしてください。 Code '+c1_fail+','+c3_fail+','+fake_fail);
92c92
< alert('You must check the box to confirm you are human.');
---
> alert('必要な項目を入力してチェックボックスをチェックしてください。');
104c104
< err = $.trim(label.text().replace(':',''))+' is required.';
---
> err = $.trim(label.text().replace(':',''))+' は入力が必須です。';
106c106
< err = 'A required field has not been filled out.';
---
> err = '必須項目が入力されていません。';
136c136
< alert('Thank you! Your review has been received and will be posted soon.');
---
> alert('口コミどうもありがとうございます。反映するまでしばらくお待ちください。');

by ニックネーム on 落ちこぼれエンジニアの憂鬱
テスト

お試しレビューです。

by reas on 落ちこぼれエンジニアの憂鬱
res

ras

by はち on 落ちこぼれエンジニアの憂鬱
お試し

なるほど。スマホだと入力フォームの枠が飛び出ますね。

ほんとうですね。キチンと確認してなかったのですが、レスポンシブ対応ができてないようです。テーマとの相性かもしれません。

by レビュー on 落ちこぼれエンジニアの憂鬱
レビュー

『レビュー内容』の項目も非表示にできますか?

デフォルトでは「レビュー内容」は消せませんね。Pro版ならできるかもです。
ただ、プラグイン内の「frontend_review_form_review_field.html」内でコメントアウトすれば、表示は消せると思いますが、正常に動くかチェックできてません。

by aa on 落ちこぼれエンジニアの憂鬱
bb

ccc

by ニックネーム on 落ちこぼれエンジニアの憂鬱
たいとる

 どうなるか

by on 落ちこぼれエンジニアの憂鬱

by テスト on 落ちこぼれエンジニアの憂鬱
テスト

テスト

Page 1 of 2:
«
 
 
1
2
 
»
 

 

どうでしょうか?

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

まとめ

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

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

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

 

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

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

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

追記:

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

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

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

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

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

/* 画面幅600px以下で見出しと入力フォームを2段にする */
@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%;
}

-WordPress
-

関連記事

イケハヤ様のサイトで悪質釣り広告が。。。まだライブドアブログで消耗しているの?

今朝、お布団の中でAndroid端末を使って、尊師、イケハヤ様のサイトをチェックしていたときのことです。 いきなり、何やら怪しい警告がGoogleのアイコンとともに表示されました。 ウィルスに感染した …

「Multi Rating」で口コミレビューサイトを簡単構築

以前からメインサイトに口コミレビュー欄を追加したくて、WordPressのプラグインを色々と調べてみたのですが、中々よい物がありません。 単なるレーティングだけなら、いくつかあるのですが、コメント欄や …

モバイルファーストインデックスの影響か、メインサイトがちょっとヤバめです

ここ数日、Google様の検索順位変動の話題をTwitterやブログで何回か見かけました。   この半年間はずっと大変動レベルだったので、あまり気にもしていなかったのですが、私のメインサイト …

サイト内の検索

管理人の「スノーホーク」です。

ムーミン谷の「スナフキン」や、北斗の拳の「雲のジュウザ」のように、シガラミにとらわれず、飄々と生きることを日々目標にしています。

少し前、務めている会社が経営破たん寸前まで追い込まれ、リストラの嵐に遭遇しました。

知り合いがたくさん辞めていく中、個人的には首を切られるところまではいかなかったのですが、あとちょっとで会社が潰れるところでした。

それまで、特に転職などは考えていなかったのですが、必然的に会社が潰れた後、どうやって生きていくかをを真剣に考えるようになりました。

そんな背景もあって、まずは会社以外の収入源確保のためとスキルアップも兼ねて、アフィリエイトを始めたのが4年前です。

ラッキーにも、2年でソコソコの収入を得るまでになったのですが、Google様の逆鱗にふれ、下降曲線まっしぐらです。

詳細は以下の記事に詳しく書いておりますので、よかったら読んであげてください。

《ご参考》 アフィリ初心者のご参考にアフィリエイトサイト運用歴を公開-諦めたらそこで終わりです

 

このブログサイトでは、アフィリ以外にも投資やネットのテック情報について、忘備録も兼ねてまとめてます。