WordPressで口コミを投稿&表示できる!無料プラグイン「WP Customer Reviews」の使い方

Sponsored Link


WordPressで口コミ機能が簡単に使えるプラグインってある??

どうも、Linです。セミナー、最高。

 

「WordPressで口コミサイトを作りたいなああ・・・!」

そんなとき、たまにあることでしょう。

口コミサイト用のテーマを使用しても手っ取り早いですが、実は、

どんなWordPressのテーマを使っても口コミ機能をつけられる方法があるのです。

それは、

WP Customer Reviews

というプラグインを使用する方法です。

このプラグインを使えば、

星5段階で評価してコメントまでできるようになるのです。

 

しかも、このプラグインには「口コミ投稿機能」と「表示機能」の2つが付いてます。

こんな感じの口コミ投稿フォームをいとも簡単に作成できますし、

 

wordpress 口コミ 

 

こんな感じで口コミの一覧を表示させることもできちゃいます。

 

wordpress 口コミ 

ただ、このWP Customer Reviewsというプラグインは言語が英語ということもあり、なかなか使いづらい。。

今日は、初心者の方でもわかりやすいようにWP Customer Reviewsの使い方をまとめておこうと思います。

  • WP Customer Reviewsのインストール方法
  • WP Customer Reviewsの使い方
  • WP Customer Reviewsの設定方法
  • WP Customer Reviewsのカスタマイズ方法

 

なお、本記事を執筆するにあたり次の2つの神記事を参考にさせただきました。

 

 

 

WordPressで口コミが簡単に作れる!WP Customer Reviewsのインストール方法

まずはWP Customer Reviewsというプラグインをインストールしちゃいましょう。

ワードプレスの管理画面から「プラグイン>新規追加」と進んで、

WP Customer Reviews

と検索してみましょう。

 

WP Customer Reviews

 

こちらをインストールして有効化しちゃってください。

 

 

WordPressで口コミが簡単に作れるWP Customer Reviewsの使い方

早速、WP Customer Reviewsというプラグインの使い方をみていきましょう。

まずは次の3つのステップを踏んでみてください。

 

Step1. チェックマークをつける

WP Customer Reviewsは有効にしましたね?

次に、記事編集画面の下の方をご覧ください。

編集画面の下に「WP Customer Reviews」という欄が見えませんか?

 

wordpress 口コミ 

 

こちらの一番上の「Enable WP Customer Reviews for this page」という欄にチェックマークを入れましょう。

 

wordpress 口コミ 

 

チェックマークをつけた記事内で、WP Customer Reviewsのプラグインが使えるようになりますよ。

 

Step2. ショートコードを挿入する

お次は、口コミ機能を追加したい位置に、

というショートコードを追加してみてください。

 

wordpress 口コミ 

 

すると、そのショートコードの位置に「Create your own review」というボタンが出現しませんか?

 

wordpress 口コミ 

 

こいつをクリックすると、口コミ投稿のフォームが出現し、

 

wordpress 口コミ 

 

口コミが投稿できるようになるでしょう。

 

 

Step3. 口コミを承認する

ただ、口コミを投稿しただけではページに表示されません。

このWP Customer Reviews経由で投稿された口コミを表示するには、

1つ1つの口コミを承認せねばなりません。

 

口コミが投稿された瞬間に、ワードプレスに登録しているメールアドレスに「WP Customer Reviews: New Review Posted on」という件名のメールが届きます。

口コミの投稿を表示させたいときは、ワードプレス管理画面からメニューの「星マーク>All Reviews」と進んでみましょう。

 

wordpress 口コミ 

 

投稿された口コミ一覧が表示されるはず。

 

 

その中からレビュー待ちとなっている口コミをクイック編集して、ステータスを「公開」にしましょう。

 

wordpress 口コミ 

 

すると、公開にした新しい口コミが表示されますよ。

 

 

WP Customer Reviewsの設定方法

さて、WP Customer Reviewsというプラグインの基本の使い方はなんとなくわかりました。

ただ、口コミ機能というのは使う人によって、

  • どういう項目をフォームに入れたい
  • どの項目を回答必須にしたい

ということがまちまちですよね?

 

そんな細かい設定はプラグインの設定画面から可能です。

ワードプレス管理画面から「星>Plugin Settings」と進んでみましょう。

 

WP Customer Reviews

 

ここで「Review Form Settings」というタブを開いてください。

 

WP Customer Reviews

 

この設定画面では、

口コミ投稿フォームのラベルと回答項目のレベル

をいじれます。

 

ここがフォームのラベル、

 

WP Customer Reviews

 

こっちのチェックマークたちで回答必須かどうか?フォームに入れるか?を操れます。

 

WP Customer Reviews

チェック項目名 意味
Ask フォームに入れる?
Require 回答必須?
Show 口コミ一覧に表示させる情報?

 

ぼくは、ライトな感じで誰でも投稿できるように、

  • 名前
  • タイトル

だけにフォーム数を削減し、どれも回答必須じゃないようにしました。

 

WP Customer Reviews

 

自分の肌にあうようにWP Customer Reviewsを設定してみましょう。

 

 

WP Customer Reviewsを日本語の口コミに対応させるカスタマイズ方法

だがしかし、です。

このままではWP Customer Reviewsは完全に日本語に対応しきれていません

 

口コミを書くためのボタンの文言は「Create your own reviews」だし、

 

wordpress 口コミ 

 

フォームにも英語残ってるし、

 

WP Customer Reviews

 

口コミ表示にも残ってます。

 

WP Customer Reviews

 

これらの表記を日本語に変更するためには、

WP Customer Reviewsのプラグイン内のファイルをいじる必要があるのです。

具体的にいうと、

wp-contents>plugins>wp-customize>includes>templates

の中身ですね。ワードプレスのファイルが格納されたサーバーの中身をいじっていくことになるので、FTPソフトを使いますよ。

ぼくはCyberduckというFTPソフトを使いました。

Cyberduck
カテゴリ: 仕事効率化
現在の価格: ¥2,900

表記を日本語に直す方法を各々見ていきますよ。

 

口コミボタンを日本語へ

まずは口コミ投稿ボタンの表記の変更です。デフォルトでは「Create your own review」となってますからね。

 

wordpress 口コミ 

 

wp-contents>plugins>wp-customize>includes>templatesの中から「frontend_review_form.html」というファイルを編集します。

 

frontend_review_form.htmlの中から次の記述を見つけて、

「Create your own review」を「レビューを書く」に変更しましょう。

すると、こんな感じになるはずです。

 

フォームの表記を日本語へ

続いては、投稿フォームのラベル表記を英語から日本語にする方法ですね。

 

WP Customer Reviews

 

これまた先程と同様に、

wp-contents>plugins>wp-customize>includes>templates>frontend_review_form.html

のファイルを編集します。

今回はいくつか修正箇所があるのでめんどくさいのでファイル全体で修正していきましょう。

元のファイルが、

とあるものを、

に変更。

これでフォームの一部が日本語になりましたね??

 

残るは、

  • Rating
  • Review

の2つの文言のみ。

 

Ratingは「wp-contents>plugins>wp-customize>includes>templates>frontend_review_form_rating_field.html」のファイルを編集します。そのファイルの中の、

という記述を、

に変更。

 

Reviewは「wp-contents>plugins>wp-customize>includes>templates>frontend_review_form_review_field.html」

という箇所を、

に変更します。

 

すると、こんな感じでフォームのすべてのラベルが日本語に!!

 

 

長かった!!笑

 

口コミ一覧の表記を日本語へ

続いて、口コミ一覧の表記を日本語へ変更します。

 

WP Customer Reviews

 

まず「wp-contents>plugins>wp-customize>includes>templates>frontend_review_item_aggregate.html」というファイルを下記のものから、

次のようにどさっと変更。

 

この編集により、

  • 平均評価
  • レビュー

という2つが変更になりましたね。

 

 

あとは星の横に記載される「Blank Business Name」を消去しましょう。

こいつは「wp-contents>plugins>wp-customize>includes>templates>frontend_review_item_reviews.html」というファイルを下の者から、

次のように編集します。

 

これでBlank Business Nameともさよなら。

無事に編集が成功すると、次のように口コミ一覧が表示されるようになるでしょう。

 

 

以上がカスタマイズ方法でしたが、一つだけ注意点があります。

それは、

カスタマイズの効果が反映されるためには一度プラグラインを停止して再び有効化する必要がある

ということです。

「あれ!?ファイル編集したのに全然だめじゃん!?」

とキレそうになってる方はプラグインをひた度停止してみてくださいね。

 

 

WP Customer Reviewsは意外にも沼!!気をつけろ!

以上がワードプレスの口コミプラグインWP Customer Reviewsの使い方とカスタマイズ方法でした。

 

もうね、

これは沼です。

カスタマイズに恐ろしく労力がかかるため、0から自分でファイルを編集することはおすすめしません笑

この記事を書いていて、1日の摂取カロリーの8割以上失った心地がしています。

 

そんな方のために、

すでに編集されたtemplatesファイルを用意しました。

こちらのリンクからどうぞ↓↓

templates

 

うまくできると次のようにいい感じにワードプレスのサイトに口コミ機能がつけられるはずです。

 

美味しいトマト、新鮮なトマト

¥9,800(税抜き)

レビュー・口コミを書いてみる
1
2
3
4
5
送信
     
キャンセル

レビューを書く

平均評価:  
 5 レビュー
by あけ

大変参考になりました。

by 悟空

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

by

うーむ

by たく

初めまして。とても参考になりました。

by 飯橋

トマトは新鮮さが命だと思いますが、これはその極み。
むちゃくちゃうまいです。
あとは値段が安ければもっと好きになりそう

 

それでは!

Lin

飯橋凛(Ihashi Lin)

インターネット広告代理店を1年半で退職。
その後、副業として活動していたウェブメディア運営のフリーランスへ。
現在はプログラミングの勉強に励み、0からフリーエンジニアの道を目指す。最近はキムチをまとめ買いにはまっている。


Sponsored Link

3件のコメント

  1. こちらのページのおかげで簡単に日本語化できました!ありがとうございました!

  2. この記事を見て設置出来ました。ありがとうございます!

    2点だけ質問があります。

    ・デフォルトではCreate your own reviewのボタンを押さなければ評価が出ませんが、押さなくても表示させる方法

    ・平均評価の数値を表示させる方法(例えば平均評価3.2など)

    こちらを教えていただけましたら幸いです。

コメントはこちらからお願いします!



もう1本読んでみる