商品レビューをスタイリッシュに表示することができるWordPressプラグイン「WP Product Review」

商品レビューをスタイリッシュに表示することができるWordPressプラグイン「WP Product Review」

商品レビューをスタイリッシュに表示することができるWordPressプラグイン「WP Product Review」

WP Product Reviewは、ブログで商品レビューを書く人にとって便利なWordPressプラグインです。記事下などに、レビューの内容をスタイリッシュに表示することができます。

例えば、こんな感じです↓

レビュー例

レビュー部分に表示される商品のリンク先は、アフィリエイトのリンクに設定することも可能です。

WP Product Reviewのインストール

インストール手順は以下の通りです。

  1. WP Product Reviewをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、WP Product Reviewを有効化します。

WP Product Reviewの設定

プラグインを有効化すると、左メニューに[Product Review]という項目が追加されます。設定画面の各タブについて、以下に解説いたします。

WP Product Reviewの設定

General settings

General settingsでは、プラグインの全般的な設定ができます。

Position of the review box レビューを表示する場所
Show review comment コメントの有効化
Visitor Review Influence 訪問者レビューの影響度
Change Default Rating Icon アイコンの変更。アドオンが必要
Number of options/pros/cons 評価コメントの数
Content width レビュー部分の横幅
Disable Lighbox images 画像表示エフェクトの無効化
Disable Font Awesome アイコンフォントの無効化

Rating colors

Rating colorsでは、配色の変更ができます。

Rating options default color 個別評価の基本色
Rating chart default color 評価グラフの色
Weak rating 評価が2.5以下の時の色
Not bad rating 評価が2.5~5の時の色
Good rating 評価が5~7.5の時の色
Very good rating 評価が7.5~10の時の色

Typography options

Typography optionsでは、テキストの設定ができます。

Font color 文字色
‘Pros’ text color Prosの色
‘Cons’ text color Consの色
Pros text Prosの文言
Cons text Consの文言
Review box border 線の色
Review box border width 線の太さ

Buy button options

Buy button optionsでは、購入ボタンの設定ができます。

Show button icon アイコンの表示
Button border ボタンの線の色
Button border hover マウスホバーした時の線の色
Button background ボタンの背景色
Button background hover マウスホバーした時の背景色
Button text color ボタンの文字色
Button text color hover マウスホバーした時の文字色

WP Product Reviewの使い方

記事編集画面の下の方に、「Product Review Extra Settings」というウィジェットが表示されます。表示されていない場合は、表示オプションで「Product Review Extra Settings」にチェックを入れてください。

「Is this a review post ?」でYesを選択すると、レビュー入力画面が現れます。

WP Product Reviewの使い方

各項目を入力していきます。

Product Name 商品名
Product Image 商品画像
Product Image Click 画像をクリックした時の動作
Affiliate Button Text 購入ボタンのテキスト
Affiliate Link 購入ボタンのリンク先
Product Price 商品価格
Product Options Setting 評価オプションの内容(色やサイズなど、個別に評価(100点満点)を入力します)
Pro Features 商品の良い点
Cons Features 商品の悪い点

記事を公開すると、こんな感じで表示されます。

商品レビューの詳細

あとがき

ブログで商品レビューを書いている人にとっては、非常に役立つプラグインですね。配色など細かく設定することもできますので、レビュー記事を良く書くという方は、導入を検討してみてはいかがでしょうか。

1つだけ不満な点としては、商品価格のところに「100円」と入力すると「円100」となってしまうところです。他は大丈夫なんですけど、商品価格のところだけ日本語への対応がいまいちです。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

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