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

2018年10月19日

この記事の評価: 4.4(5件のレビュー)

レビュー投票プラグイン「WP Customer Reviews」がマイブームなので何度かカスタマイズしてみました。


ここではもっと使いやすくするためにいろいろといじってみたいと思います(・∀・)

投稿フォームを初期状態で開く

弄るところ→CSS

「WP Customer Reviews」の投稿フォームは初期状態で非表示になっています。
ユーザーが投稿用のボタンをクリックすることで、初めてフォームが表示されます。

最初からフォームが表示されていたほうが、ユーザーも投票しやすくなるのではなかろうか。
と思ったけど、そんな設定はありません。

ですのでCSSをいじって初期状態で表示されるようにしましょう。

あと、フォームに表示される「キャンセル」ボタンを押すとフォームが消えてしまいますので、キャンセルボタンは非表示にしたほうが良いでしょう。

こちらのCSSをコピペで追加します。

.wpcr3_respond_2{
	display: block;
}

.wpcr3_show_btn, .wpcr3_cancel_btn{
	display: none;
}

投稿フォームをレビューの下に表示する

弄るところ→テンプレートファイル
※プラグインをアップデートするとリセットされてしまいます

「WP Customer Reviews」では投稿フォームがレビューの上に表示されます。
好みが分かれるところかもしれませんが、自分としてはレビュー一覧が表示されたあとに投稿フォームがあったほうが良いかなぁと。
だいたい他の人のレビューを読んでから、「私もレビューしてみよう」と思ったりするのかと。
コメント欄もフォームは下に表示されていますし。

というわけで、投稿フォームの表示位置を修正します。
こちらは直接にテンプレートファイルを修正します。

【ファイルの場所】
wp-content/plugins/wp-customer-reviews/include/templates

【対象ファイル】
frontend_review_holder.html

【いじるところ】
{{review_form}}が投稿フォームが表示されるところになりますので、これを{{/power}}の下辺りに持っていきます。

テンプレート修正後はプラグインを一度無効にしたあとに、再度有効化すると反映されます。

レビュー表示をblockquoteから別のタグに変える

弄るところ→テンプレートファイル
※プラグインをアップデートするとリセットされてしまいます

「WP Customer Reviews」では投稿されたレビューが、Blockquoteタグで括られて表示されます。
つまり引用文として扱われてしまうわけなんです。

SEO的に引用とは「人様のサイトから文章をお借りしていますよ」みたいな認識になってしまいます。

レビューもオリジナルコンテンツとして評価されるべきかと思いますので、Blockquoteで括るのは避けたいですね。

というわけで、出力されるタグを変更しましょう。
こちらも直接テンプレートファイルを修正します。

【ファイルの場所】
wp-content/plugins/wp-customer-reviews/include/templates

【対象ファイル】
frontend_review_item_reviews.html.html

【いじるところ】
レビューとリプがそれぞれblockquoteで括られていますので、それらをDIVに変更しましょう。

ただしデザインが崩れる可能性があるので、CSSの修正を任意で行ってください。

テンプレート修正後はプラグインを一度無効にしたあとに、再度有効化すると反映されます。

「WP Customer Reviews」を日本語化する

弄るところ→テンプレートファイル
※プラグインをアップデートするとリセットされてしまいます

このプラグインは残念なことに日本語化されていないので、いろんなところが英語表記のままです。
ユーザーがとっつきにくいと、せっかくレビューをしようと思ってもためらってしまうかもしれません。

できる限り日本語化しておきましょう。

というのをこちらのサイトでやってくれていますので、そちらをご紹介します(・∀・)

テンプレートファイルをまるっと上書きすることになるので、上で説明した修正を行っていた場合は注意してください。

もし修正するならば、先に日本語化をおこない、その後で個別でテンプレートファイルを修正したほうが良いでしょう。

おまけ:Googleっぽい星の素材

レビューの表示で使える★の画像を作りましたので、ご自由にお使いくださいw
Googleの検索結果に表示される★に近い色合いですので、ページを訪問したユーザーにも安心です\(^o^)/

これっぽい色してます。

【WPCustomerReviews用素材】





まとめ

とりあえずこれくらい弄くれば「WP Customer Reviews」もだいぶ使いやすくなるはず!!

問題はこまめにアップデートが配信されているようで、テンプレートファイルを上書きしようとしてきます(*´Д`)

しっかりバックアップを取っておかないと初期化されてしまうので注意が必要です!!

他にもカスタマイズできるところが見つかったら追記していきますの乞うご期待(・∀・)

Amazon欲しいとは思えないものリスト

Average rating:  
 5 reviews
by めっちゃ on わだなつ
参考になる

参考になる!

by ◉ンガ on わだなつ
光素材

不足してるよ!

by 夢も希望もない人 on わだなつ
夢も希望もない

t

by い◎た on わだなつ
すっすっすっ

すぎょいん!!(ビクンビクンッ)

by ねーやん。 on わだなつ
なんだ

なんかすごいな(*'ω' *)

レビューを投稿しよう\(^o^)/
1
2
3
4
5
投稿する
     
Cancel

Create your own review