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というプラグインの基本の使い方はなんとなくわかりました。

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

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

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

 

そんな感じの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ソフトを使いますよ。

Macの方はサイバーダックを使ってみましょう。

 

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

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

 

 

口コミボタンを日本語へ

まずは口コミ投稿ボタンの表記の変更です。

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
送信
     
キャンセル

レビューを書く

平均評価:  
 1 レビュー
by 飯橋

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

 

それでは!

Lin


Sponsored Link

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



もう1本読んでみる