エス技研

WordPress、CakePHP、PHP、baserCMSなどの Web系システムを中心に情報を提供します!


WP Customer ReviewsでWordPressにオリジナルの口コミサイトを構築

      2017/03/09

WP Customer Reviewsで口コミサイトを簡単構築

 

WP Customer Reviewsとは?

 
WP Customer Reviewsは口コミサイトを作る上で必須機能である、採点を投稿する仕組みを提供するプラグインです。
 
このプラグインの特徴は、「Customer Reviews」のタイトル通り、カスタマーレビューを投稿してもらうことを目的としており、オリジナルの投稿フォームを追加して評価点とともにレビューを投稿してもらう機能を持ったプラグインです。
レビューフォームの入力してもらう項目を増やしたり減らしたり、必須項目、表示する項目と設定が可能です。
また、レビューの文字数が短かったりすると「レビュー内容が短いよ」とエラーが表示されます。
 
さらには、Googleのクローラー対策が行われていて、サイトの情報や記事の商品情報などの情報を構造化データとして設定できる仕組みも用意されています。
 
ただ、このプラグインはレビューを書いてもらうことがメインの目的となっているため、投稿された評価点を集計して平均点を出したり、ウィジェットに一覧を出したりする機能は用意されていません。
 
また、WP Customer Reviewsの欠点は、日本語には対応していないことです。
管理画面だけでなく、レビューを入力する画面も英語で、エラーも英語で表示されるため、日本語のサイトで利用するにはやや難があります。
日本語のサイトで利用するには、プラグインのプログラムファイル自体をメンテナンスする必要が出てきます。
PHPのファイルを触るのに抵抗がある方は他のプラグインを探す方が無難です。
 
 
口コミサイト構築に必要な評価投稿プラグインについては「評価点投票プラグイン10個を比較!WordPressで口コミサイトを構築」にまとめ記事を書いていますので、こちらも参考にしてみてください。
評価投稿プラグインはいろいろな仕組みのプラグインが出ていますので、いくつか試してみるのもいいでしょう。
 
 

Google SERP用構造化データとは?

Google検索の結果ページ(Search Engine Result Pages)には、下記の「食べログ」のページの様にディスクリプションのテキストが表示されずに、「評価」「予算」「住所」といった項目が表示されているページがあります。
 
20150114_wp_02
 
これを実現するための仕組みが構造化データです。
予算には予算のタグを、住所には住所のタグを、評価点には評価点のタグをそれぞれ記述して HTMLを編集することによって、Googleが検索結果を表示する際に予算や住所、評価点といったタグに書かれている情報に基づいて編集してくれることが期待できます。
ただ、HTMLを構造化データで編集していても Googleがこちらの希望通りに検索結果を編集してくれるかどうかは分かりません。検索されたキーワードにも影響を受けますので Google次第といったところもあります。
 
 

WP Customer Reviewsのインストール方法

 
WordPressのプラグインのインストール方法は、「WordPressプラグインの3つのインストール方法解説」に記事を書いていますので、そちらを参考にしてください。
 
 


 

WP Customer Reviewsの設定の前段階

 
WP Customer Reviewsをインストールすると「設定」の中に「Customer Reviews」が追加されますのでそれをクリックすると「Customer Reviews」のトップページが表示されます。
 
20150127_wp_01
 
ちなみに、左ナビゲーションの中には「設定」の中ではないところにも「Customer Reviews」がありますが、こちらは「WP Customer Reviewsのレビュー管理」に説明していますが、投稿されたレビューの管理を行う画面です。
 
 
ここには、「現在バージョン 3の開発が進んでいますので、希望する機能があればリクエストをしてください。」と書いてあります。
バージョン 2を使ってみて、こういう機能があるといいなぁ、と思うものがあればリクエストをしてみるのもいいでしょう。
 
また、「Notify me of new releases」のメールアドレスは、登録をすると更新情報を届けてくれるそうなので、必要に応じて登録してみてください。
一度設定をすると出てこなくなります。
 
 

WP Customer Reviewsの設定方法

 
「設定」-「Customer Reviews」をクリックすると WP Customer Reviewsの設定画面が表示されます。
 
20150127_wp_02
 
 

Tips

 
20150127_wp_03
 
「Tips」に書かれている内容は、以下の通りです。
 

How to use(使い方)

この「WP Customer Reviews」は、プラグインを有効化にして、各記事ごとにレビューコーナーを編集するかどうかの設定をすることで使用できるようになります。
どのようにして表示、非表示を切り替えるかは、「Enable WP Customer Reviews for this page」に説明しています。
 
ただし、ここに記載されている内容は、ショートコードを使って利用する仕組みですので、デフォルトで組み込まれている仕組みを利用する場合は読み飛ばしていただいて、「General Settings」「Review Page Settings」の設定をすれば問題ありません。
 
 
また、ショートコードに関しては「WordPress投稿にPHPを記述するショートコードの使い方add_shortcode」に記事を書いています。
ショートコードに引数を付与して設定する方法や、ショートコードをテンプレートの中に記述する方法も解説していますので、ショートコードで設定する場合は参考にしてみてください。
 
 

Shortcodes(ショートコード)

下記のショートコードを「投稿」「固定ページ」の本文の任意のところに編集することで、レビューフォーム、レビュー一覧を編集することができます。
ただ、これはショートコードのため、テンプレートに直接書いても動きません。
 
【レビューフォームの表示のショートコード】
「[WPCR_INSERT]」のショートコードを編集することで、レビューフォームを編集することができます。
 
【レビュー一覧の表示のショートコード】
「[WPCR_SHOW POSTID=”ALL” NUM=”3″ SNIPPET=”” MORE=”” HIDECUSTOM=”0″ HIDERESPONSE=”0″]」
このショートコードを編集することで、レビュー一覧を表示させることができます。
 

POSTID=”ALL”の部分

POSTID=”ALL” もしくは POSTID=”123″ の様に記述をします。
それによりすべての記事のレビューを表示するか、特定の投稿(PostID)だけのレビューを表示するかを選択できます。
レビューの一覧ページを作成する場合などに役に立つでしょう。
 

「NUM=”3″」の部分

1ページに何件のレビューを表示させるかを指定します。「3」の場合は 1ページに 3件表示します。それ以上の場合は次ページに送る処理が編集されます。
 

「SNIPPET=””」の部分

「SNIPPET=”140″」の様に編集し、レビューを表示する文字数を制限するときに使います。制限しない場合は「SNIPPET=””」の様に編集します。
 

「MORE=””」の部分

上記の「SNIPPET」の設定と連動させて、文字数制限で表示されていないテキストを表示する際の「view more」を設定します。
「MORE=”view more”」と編集することで「…view more」と表示されます。
 

「HIDECUSTOM=”0″」の部分

「HIDECUSTOM=”1″」と設定することでカスタムフィールドを非表示にすることができます。
 

「HIDERESPONSE=”0″」の部分

WP Customer Reviewsには、投稿されたレビューに対して管理者が回答する機能がありますが、「HIDERESPONSE=”1″」と設定すると、管理者の回答を非表示にすることができます。
 
 

Business Information (for hidden hCard)

 
20150127_wp_04
 
「hCard」を編集するかどうかを確認です。
 
※「hCard」が分からない方は「hCardをGoogleで検索(https://www.google.co.jp/?gfe_rd=cr&ei=himAVMHWDIzS8gfXp4EY#q=hCard)」で確認してみてください。
 
 

Enable Business hCard output on

「hCard」を表示するか、しないかを選択します。
これは、ビジネス用の「hCard」の設定のため個人でブログを書いている方などは「Never」でいいでしょう。
 
「All wordpress posts & pages」すべてのページに編集
「Homepage & review page」サイトのホームページとレビューコーナーに編集
「Only the review page」レビューコーナーのみに編集
「Never」編集しない
 
「Never」は「編集しない」という選択肢のため、「Never」を選択した場合はこれ以下の項目は設定不要です。
 

Business hCard Visibility

「hCard」を表示する項目として編集するか、非表示の項目として編集するかを選択します。ただし、非表示の場合は、検索エンジンは無視する可能性が高いため表示する方がいいでしょう。
 
「Hide hCard to Visitors」非表示項目として編集
「Show hCard to Visitors」表示項目として編集
 

Business Name (Required)

デフォルトではサイト名が編集されていますが、ビジネスネーム(社名やサービス名、屋号など)を編集します。
この「Business Name」だけが必須項目で、これ以降の「Business URL」「Business Email」...は必要に応じて入力してください。
 

General Settings

 
20150127_wp_05
 
WP Customer Reviewsのレビューフォームについて全体的な設定を行います。
 
 

投稿ページでの設定

WP Customer Reviewsのプラグインを有効にすると、「投稿」「固定ページ」の記事の編集画面に下記の「WP Customer Reviews」フィールドが出現します。
 
20150127_wp_06
 
「General Settings」の設定をするにはこの投稿画面の「WP Customer Reviews」フィールドのことを理解しないと意味がよく分かりませんので、先にこちらを説明します。
 

Enable WP Customer Reviews for this page

 
「Enable WP Customer Reviews for this page」にチェックを入れることで、そのページに「レビューコーナー」を編集することができます。
デフォルト値はチェックなしですので、プラグインをインストールしただけではレビューコーナーは表示されません。
全ての投稿、固定ページの「Enable WP Customer Reviews for this page」にまとめてチェックを入れたい場合は、「Advanced」で説明している一括処理のボタンを利用してください。
 

Product Name

「Product Name」以下の各項目は、レビュー用の項目として構造化データを作成する際に利用します。
また、下記の項目の「Review Format」で「Product」を選択している場合のみに利用されますので「Business」を選択している場合は入力しても使われません。
 
 

Review Format

レビューコーナーに編集する構造化データのフォーマットを選択します。
「Business」「Product」とありますが、上の項目で説明した通り「Business」を選択すると利用されませんので、不要な方、よく分からない方は「Business」を選んでおくといいのではないでしょうか。
 

Enable the plugin by default for new posts.

先に説明したように、レビューコーナーは「Enable WP Customer Reviews for this page」にチェックを入れないと表示されませんが、新規の「投稿」を入力する際にデフォルトで「Enable WP Customer Reviews for this page」にチェックを入れるか、入れないかを選択する項目です。
デフォルトでチェックが入っている方がいい場合はチェックを入れますが、どっちでもあまり影響がない項目ですね。
 
 

Enable the plugin by default for new pages.

こちらは上の項目とほぼ同じですが、こちらは「投稿」ではなく「固定ページ」です。
設定内容は「投稿」と同じです。
 
 

Support our work and keep this plugin free. By checking this box, a small “Powered by WP Customer Reviews” link will be placed at the bottom of pages that use the plugin.

チェックを入れると、下記の画像の様にレビュー入力フォームの下に「Powered by WP Customer Reviews」と表示されます。
このプラグインのサポートをしてもいいと考える方はチェックを入れるといいでしょう。
 
20150127_wp_07
 

Review Page Settings

 
20150127_wp_12
 
WP Customer Reviewsのレビューコーナーをどのように表示、利用するかの設定です。
 

Reviews shown per page

1ページに何件のレビューを表示させるかを指定します。「10」の場合は 1ページに 10件表示します。それ以上の場合は次ページに送る処理が編集されます。
ショートコードの「NUM=”3″」で説明されている箇所と同じことです。
 

Location of Review Form

レビューの入力フォームを、ほかの方のレビューの上に置くか、下に置くかの設定です。「Above Reviews 」が上で、「Below Reviews」が下に編集されます。一般的には上に置くべきものだと思います。
 
20150127_wp_08
 
 

Fields to ask for on review form

レビューフォームの入力項目としてどの項目を設定するかを選択します。
デフォルトとして設定されている項目は名前、E-Mail、Webサイト、レビュータイトル、レビュー内容ですが、レビュー内容を除いた項目を選択できます。
また、デフォルトで用意されていない項目を入力させたい場合は、この後に出てくる「Custom fields on review form」で設定します。
 
20150127_wp_09
 
 

Fields to require on review form

レビューフォームの表示項目として設定した項目のうち、必須項目に設定する項目を選択します。
 

Fields to show on each approved review

入力された内容のうち、表示する項目を選択します。
メールアドレスは表示しない方がおススメです。
 
20150127_wp_10
 
 

Custom fields on review form

上の「Fields to ask for on review form」で設定したデフォルト項目以外に入力をさせたい項目がある場合に設定します。
「Field Name」に入力項目名を編集します。
また、「Ask」は入力項目に設定し、「Require」は必須項目として設定し、「Show」は表示項目として設定します。
名前、E-Mail、Webサイトなどの表記が英語のため、日本語表記にしたい場合はこの設定を利用する方法もあるでしょう。
 

Heading to use for Review Titles

レビューのタイトルを囲むタグを選択します。
デザイン面、SEO面、前後のタグを考慮して適切なタグを選択します。
よく分からなければ、H3、H4あたりを選んでおくといいでしょう。
 

Show review form

レビューフォームを表示するか、しないかを設定します。チェックを外すとレビューの投稿ができなくなります。
投稿されたレビュー自体は表示された状態で、レビューフォームだけが表示されなくなりますので、一時的にレビューの投稿を止めたい場合などにチェックを外すという使い方ができるでしょう。
 
 

Button text used to show review form

レビューフォームを表示するボタンに表示されるテキストを編集します。
デフォルトは「Click here to submit your review」と表示されます。
 

Text to be displayed above review form

レビューフォームを閉じるボタンに表示されるテキストを編集します。
デフォルトは「Click here to hide form」と表示されます。
 
ちなみに、この部分の編集にはバグがあり、「Button text used to show review form」に何を入力しても「Text to be displayed above review form」に入力された値が保存され、さらに公開側には「Text to be displayed above review form」の値が反映されません。
また、入力がない場合に表示するデフォルトの値は用意されておらず、テキストを消すとボタンのテキストがなくなります。
 

Text to use for review form submit button

投稿を送信するボタンのテキストを編集します。
デフォルトは「Submit your review」と表示されます。
 
 

Advanced

 
20150127_wp_13
 
オプション機能です。
Enable WP Customer Reviews for this page」で説明しましたが、「WP Customer Reviews」では、各ページごとに設定されている「Enable WP Customer Reviews for this page」にチェックが入っていないとレビューコーナーは表示されません。
既存のサイトに「WP Customer Reviews」を追加した場合は、1件 1件「Enable WP Customer Reviews for this page」にチェックを入れていく必要がありますが、チェックを一括処理する機能が用意されています。
それぞれのボタンをクリックすることで処理が実行されます。
 
確認のダイアログなどは表示されませんので、クリックする際には十分ご注意ください。
 

Enable Plugin for all Existing Posts

「投稿」の記事に対して一括してプラグインを有効にする
 

Disable Plugin for all Existing Posts

「投稿」の記事に対して一括してプラグインを無効にする
 

Enable Plugin for all Existing Pages

「固定ページ」の記事に対して一括してプラグインを有効にする
 

Disable Plugin for all Existing Pages

「固定ページ」の記事に対して一括してプラグインを無効にする
 
 


 
 

WP Customer Reviewsのレビュー管理

 
左ナビゲーションの「Customer Reviews」をクリックすると、投稿されたレビューの一覧が表示されます。
 
20150127_wp_11
 
基本的な理解は、「コメント」と同じで問題ありません。
レビューにマウスを近づけると「Mark as Unapproved」「Move to Trash」「Delete Forever」のリンクが表示されます。
「Mark as Unapproved」をクリックするとレビューは承認され、公開されます。
「Move to Trash」はゴミ箱に移動、「Delete Forever」は削除されます。
 
「Official Response」を入力すると、レビューに対するコメントを付与できます。
また、名前やレビュータイトル、レビュー本文などをクリックすると編集できるようになります。
 
 

WP Customer Reviewsを日本語化

 
WP Customer Reviewsは、機能としては非常に充実しており、口コミサイトを作るうえで非常に有力な選択肢になるのですが、いかんせん日本語に対応しておらず、日本語のサイトで利用するには難があるプラグインです。
 
「name」「Email」などの名称が英語なのはまだ何とか許容できても、エラーメッセージまで英語なのは許容できません。
 
そんなわけで、実際に使う場合は英語で記述されているところを日本語に変えていく必要がありますが、その方法について少しお伝えしておきます。
 
ただし、これ以降については私は全く責任を負えませんので、自己責任で行ってください。PHPが分からない方は触らない方が無難ですので、他のプラグインを探すことをおススメします。
 
また、プラグインの更新を実行すると上書きされてしまいますので、バックアップを取っておきましょう。
 
 

wp-customer-reviews.phpを日本語に修正

 
WP Customer Reviewsのレビューのフォームの部分は、「wp-customer-reviews.php」ファイルに記述されています。
 
パス付で記述すると下記になります。
 /{WordPress}/wp-content/plugins/wp-customer-reviews/wp-customer-reviews.php
 
977行目あたりから入力フォームの項目(name、Email...)の設定が編集されています。(「Review Title」で検索するといいでしょう。)
 
1139行目あたりからエラーメッセージが編集されています。(「$errors」で検索するといいでしょう。)
 
182行目あたりからボタンのテキストの設定が編集されています。(「Submit your review」で検索するといいでしょう。)
 
1032行目あたりから必須項目の「Required Field」が編集されています。(「Required Field」で検索するといいでしょう。)
ちなみに、必須項目は「*」ではなく「必須」とする方がユーザに優しいと言われています。
 
1220行目あたりに「レビュー投稿ありがとう」のメッセージが編集されています。
 
 

WP Customer Reviewsのデザイン修正

 
実際に使うには、項目の日本語化だけではなく、デザインも修正しにとなかなか使いにくいものですが、そんな場合は「wp-customer-reviews.php」に加えて「wp-customer-reviews.css」も修正をしてみてください。
 
 

wp-customer-reviews.phpのその他のカスタマイズ

 
現在、バージョン 3が開発中とのことですので、それに期待する感はあるのですが、待っていられない場合は、サポートフォーラムもあるようですので、そこでカスタマイズする方法を教えてもらうのもいいのではないかと思います。
 
Plugin Homepage
http://www.gowebsolutions.com/wp-customer-reviews/
 
Support Forum
http://wordpress.org/tags/wp-customer-reviews?forum_id=10

 - WordPress

GoogleAdwords

GoogleAdwords

最後までお読みいただきましてありがとうございます。
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!

Comment

  1. minahiro より:

    はじめまして
    いつも拝見させて頂いております。

    ①レビュー数が短くても投稿出来るように
    文字数制限をなくす方法

    ②スマホで表示すると
    画面からはみ出てしますのですが
    それの対処法

    この2点がどうしてもわかりかねます。。

    もしお分かりになれば
    教えていただけるとありがたいです

    宜しくお願い致します

    • エス技研 より:

      minahiroさん、コメントありがとうございます。
      長期休暇中のため、返信が遅くなりました。

      ご連絡いただいた内容のいずれもプログラムの修正が必要になります。

      1.の修正箇所は
      /wp-content/plugins/wp-customer-reviews/wp-customer-reviews.php
      の 1186行目で、
        if (strlen(trim($this->p->ftext)) < 30) { の部分が文字数をチェックしている箇所です。 この箇所を削除するか、「30」の文字数を変更するといいでしょう。 2.の修正箇所は /wp-content/plugins/wp-customer-reviews/wp-customer-reviews.php の 1050行目以降が投稿の入力ボックスなどの編集処理が記述されています。 この辺りを更新するといいでしょう。 ただ、「WP Customer Reviews」はスマホへの対応が考慮されていない HTMLのような感じですので、スマホへの対応は手間がかかるかもしれません。

  2. ほんだ より:

    とても参考になりました有難うございます

    質問が一つあるのですが固定ページに評価の平均とレビュー数だけ表示したいのですが

    ショートコードの NUM=の数値を0に変更してみましたが駄目でした

    何か方法などありましたらご教授頂けないでしょうか?

    • エス技研 より:

      ほんださま
      回答が遅くなりまして申し訳ありません。
      記事の最初の概要のところに書いていますが、この WP Customer Reviewsは、平均値を出すための集計の処理や一覧ページを表示する機能はなさそうです。
      すでに検証環境を削除してしまっていますので、詳細は分かりかねますが、平均値を出す場合は自分で処理を記述する必要があろうかと思います。

  3. とくめい より:

    今は平均値ありますよ~。
    私は今年にインストールしましたが…
    いつのバージョンからかはわかりません。

    • エス技研 より:

      とくめいさん、コメントありがとうございます。
      平均値の機能、付いたんですね。
      私がレビューを書いたのは 1年ちょっと前なので、この 1年で機能アップしたんですね。

  4. kensan より:

    はじめまして。
    いつも拝見させて頂いております。

    「レビューを投稿する」ボタンを押すと投稿、フォームが開かれる仕様になっていると思います。
    この部分を、「レビューを投稿する」ボタンを押さなくても、「元から投稿フォームが開かれている状態」にしたいのですが、設定などで可能なのでしょうか?
    (ちなみに技研さんの、この『Message』フォームも、元から、クリックしなくても、フォーム入力できるので、便利だと思います。このようにカスタマイズしたいと思っているところです。)

    英語が弱いもので、もしご存じでしたら、よろしくお願いいたします。

    • エス技研 より:

      kensanさん、コメントありがとうございます。
      ご連絡をいただいた、最初からフォームが表示されている状態にしたいという件ですが、実装するためにはカスタマイズが必要な感じがします。
      現状では、検証するための環境がありませんので、確認ができるまで少し時間がかかるかと思っています。

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

下記の空欄を埋めてください。 * Time limit is exhausted. Please reload CAPTCHA.

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

※入力いただいたコメントは管理者の承認後に掲載されます。

  関連記事

WP Multibyte PatchでWordPressの管理画面のイタリック体を解消

管理画面の一部の文字がイタリック(斜体)になっているのはプラグイン「WP Multibyte Patch」が有効になっていないためです。日本語を使うには必ず有効化しましょう。

WordPressのスラッグとは?

WordPressのスラッグって何?それを解説している記事です。なんとなく分かっている気になっているものを改めてしっかり確認をしてみませんか?

PoeditでWordPressの日本語対応方法。英語プラグインの日本語翻訳ファイル作成

プラグインの日本語化の手順のまとめ。.pot、.po、.moファイルの解説や便利ツールの Poeditの紹介を行いつつ、手順、ファイル設置場所、注意ポイントなども紹介。

BackWPupでバックアップ・全体バックアップ具体的設定例

BackWPupその7。ファイル、DB全体をバックアップする具体的事例での説明です。

BackWPupでWordPressのDBもファイルもバックアップ

BackWPupその1。BackWPupとWordPressのバックアップについての解説。

SyntaxHighlighterの設定、カスタマイズ方法を解説。Crayonから乗換え、高速化にも最適

SyntaxHighlighter 3の設置方法、各機能の設定方法、オプション、デフォルト設定の変更方法を解説。Crayonから乗り替えるならこれしかない。

WordPressの送信メールが協定世界時(UTC・グリニッジ標準時)の問題対応

WordPressから送信されてくるメールが9時間ずれている。その不具合の解消方法と根本原因の解説です。date_default_timezone_set();の設定を変更で対応できます。

WP Basic AuthなどWordPressにBasic認証を設定するプラグインのまとめ

WordPressにBasic認証を設定する方法のまとめ。プラグインを使う方法と.htaccessで設定する方法を紹介。公開側、ログインページをそれぞれ設定できます。

Throws SPAM Awayでコメントスパム対策を完璧に。自動削除で運用の手間ゼロ

コメントスパム対策の決定版ともいうべきプラグイン。簡単な設定で自動的にスパムコメントを削除してくれるので煩わしい作業はゼロに。細かな設定も可能。

Advanced Custom Fields(ACF)のアドオン・ギャラリーの使い方解説

Advanced Custom Fieldsのアドオン・ギャラリーの解説記事。複数の画像を入力できる優れもので、画像のサイズ、容量などでの制限ができ、より厳密な管理が可能。