【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」で使用されている英語表記は日本語用の翻訳ファイルを使用する事で表記を変更することがでいます。

関連記事

美容室グランディール様ロゴ制作

富士宮市にある『美容室グランディール』様のロゴを制作いたしました。 お店のお名前である「grandir(グランディール)」はフランス語で「成長する・育つ・大きくなる」という意味を持つことから芽が育つ、そしてお客様から愛されるお店をなることをイメージしてハートをモチーフに...続きを読む

2015.02.06ロゴ制作美容室

【JavaScript】ページの読込状況を表示するプログレスバーを実装する『PACE』

WEBサイトのページを読込とき、読込むファイル数が多かったりライブラリを参照することでページの読込が完了するまでに時間がかかる場合があります。 読込時間が長いページを制作する場合は、読込状況を視覚的に表示することができるプログレスバーを設置すると閲覧する方に親切になると...続きを読む

2015.02.10HTMLコーディング

【リリース】新サービス「プロモーションビデオ制作」

サービス内容に新しく「プロモーションビデオ制作」が加わりました。インターネット環境の高速化やスマートフォンの普及により多くの方が動画コンテンツを身近に楽しむようになりました。そして、動画コンテンツは、新しいマーケティングツールとして注目されています。 店舗のオープンやイベン...続きを読む

2020.02.16

ウェブサイトの制作を頼むときに知っておきたい専門用語

お店や会社のホームページを持ちたいと思うとき、制作できる方や制作会社を探しますが、説明される内容や掲載されている内容に専門用語が多く、難しいと思う方もいらっしゃると思います。今回は、ホームページの制作でよく出てくる専門用語を解説したいと思います。 ウェブサイトの制作は実際の...続きを読む

2018.02.09WEBサイト制作レンタルサーバ

【CSS】スタイルシートだけで縦方向と横方向でセンタリングする方法

WEBデザインで画像やレイアウトした要素を中央に揃えるレイアウトを作ることがよくあります。実際にHTMLにコーディングをするときに、横位置をセンターにする場合や、縦位置をセンターにする場合などCSSだけで実現する方法をまとめてみました。 { margin: 0 auto...続きを読む

2015.02.07HTMLコーディング