【WP】5段階評価ができる「Yet Another Stars Rating」の導入方法

wp-yet-another-stars-rating

商品などのレビューに評価として星がついているのを見かけることがあると思います。外部からの評価として商品購入の参考にもなります。

今回はWordPress上の記事に5つ星の評価をつけることができるプラグイン「Yet Another Stars Rating」の導入方法をご紹介します。

Yet Another Stars Rating

「Yet Another Stars Rating」プラグインをインストールして有効化をします。通常は「無料版」ですが「有料版」へアップグレードすることができます。

無料版は総合評価のみですが、有料版ではひとつに記事に対して複数の評価を設置することができるようになります。

表示場所

wp-yet-another-stars-rating-01

「Yet Another Stars Rating」は、WordPress上で投稿された本文を表示する「the_content関数」にフックしているので、page.phpやsingle.phpでthe_content()が使われいる場所に評価(星マーク)が表示されるようになっています。

設定方法

「設定」メニューに「Yet Another Stars Rating: Settings」が追加されていますので、「Yet Another Stars Rating: Settings」の設定画面を開きます。

初期設定では表示されないように設定されているので表示をするために「General settings」で設定を変更します。

Auto insert options

表示方法の基本設定を

設定項目 説明 設定内容
Use Auto Insert? 表示・非表示を設定します
  • Yes:表示する
  • No:表示しない
What? 評価方法を設定します
  • Overall Rating / Author Rating:投稿管理者の評価を掲載する
  • Visitor Votes:訪問者の評価を掲載する
  • Both:上記の両方の評価を掲載する
Where? 掲載場所を設定します
  • Before the post:本文の上に表示する
  • After the post:本文の下に表示する
Size 評価マークの大きさを設定します 「Small」「Medium」「Large」の3種類から選ぶことができます
Exclude Pages? 固定ページでの表示を設定します
  • Yes:表示しない
  • No:表示する
Use only in custom post types? カスタム投稿の表示を設定します
  • Yes:カスタム投稿のみで表示する
  • No:カスタム投稿以外で表示する

Show “Overall Rating” in Archive Page?

評価方法が「Overall Rating / Author Rating」と設定されている場合で、表示する場合はアーカイブページ内で「the_content関数」を使用していることが表示条件になります。

説明 設定内容
カテゴリーやアーカイブなどの表示を設定します
  • Yes:表示する
  • No:表示しない

Show “Visitor Votes” in Archive Page?

評価方法が「Visitor Votes」と設定されている場合で、表示する場合はアーカイブページ内で「the_content関数」を使用していることが表示条件になります。

説明 設定内容
カテゴリーやアーカイブなどの表示を設定します
  • Yes:表示する
  • No:表示しない

Insert custom text to show before / after stars

評価マークに任意のテキストを追加するかを設定します。

設定名 説明 設定内容
設定された任意のテキストの表示・非表示を設定します
  • Yes:表示する
  • No:表示しない
Custom text to display before Overall Rating 「Overall Rating」の星マークの前に追記するテキストを設定します
Custom text to display before Visitor Rating 「Overall Rating」の星マークの前に追記するテキストを設定します
Custom text to display when a non logged user has already rated 評価済みの場合に表示するテキストを設定します

Do you want show stats for visitors votes?

「Visitor Votes」の場合の評価された統計グラフを表示するかを設定します。

説明 設定内容
統計グラフの表示を設定します。
  • Yes:表示する
  • No:表示しない

Allow only logged in user to vote?

評価できるユーザーをログインできるユーザーに限定するのかを設定します。

説明 設定内容
評価できるユーザーを設定します。
  • Allow only logged-in users:ログインできるユーザーのみ
  • Allow everybody (logged in and anonymous):すべての閲覧者

Which rich snippets do you want to use?

検索結果などに表示されるスニペットに掲載される内容を設定します。

説明 設定内容
スニペットに掲載する評価内容を設定します。
  • Review Rating:評価値
  • Aggregate Rating:平均値

How do you want to rate “Overall Rating”?

表示されるマークを設定します。無料版では星マークのみが有効になります。

説明 設定内容
表示されるマークを設定します。
  • Stars:星マーク
  • Numbers:数字

備考

「Yet Another Stars Rating」で使用されている英語表記は日本語用の翻訳ファイルを使用する事で表記を変更することがでいます。

関連記事

【デザイン】ボトル&瓶詰めのパッケージデザインまとめ

先日、包装用のラベルシールや包装ツールを手掛けさせていただくことになりました。 今日は、ボトル&瓶詰めのパッケージデザインで参考になったデザインワークスのまとめです。 Le Chat ブラジルにあるデザイン事務所「A Sweety Branding Studio.」...続きを読む

2015.03.06インスピレーション

【デザイン】バレンタインカードにぴったりなデザインワークスまとめ

今日は、バレンタインにちなんだカードのデザインワークスをまとめみました。ツールのキットやハウツーが掲載されており実際にカードを作るときの参考にもなります。 Hearts a Flutter ツールキットを組み合わせて制作されたカードです。ハートやリボンの組み合わせがか...続きを読む

2015.02.15インスピレーション

ブログやWEBサイトのトラフィック(アクセス)を増やす方法

ブログやWEBサイトの集客・収益効果を高めるために、トラフィック(アクセス)を増やすことは重要な課題といえます。 一般的にトラフィック(アクセス)を増やすためには有料広告が確実に効果がある方法ですが、立ち上げたばかりのサイトや予算をかけることが出来ない場合は、お金をかけ...続きを読む

2015.02.14SEO

【CSS】CSS3による枠線の新しい表現方法

CSS3より定義された「Border Radius」「Border Image」を使うことで角丸のボックスや、罫線の装飾によってこれまで画像で作成していた要素をCSSのみでデザインすることができるようになりました。 角丸(border-radius) 「b...続きを読む

2015.02.08HTMLコーディング

GoogleのSEO動物園

検索エンジンのGoogleにおいてSEO対策で動物園と言われても何のことなのかと思ってしますが、Googleの動物園には有名なところで「パンダ」「ペンギン」「ハミングバード」がいます。 実際の動物がいるのではなく、Googleでサイトなどを分析するアルゴリズムの名前に「...続きを読む

2015.02.14SEO