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

関連記事

【WP】カテゴリーやタグにサムネイルを反映するプラグイン「Taxonomy Thumbnail」

WordPressでサイトを構築して、記事を投稿するとき「カテゴリー」や「タグ」をつけることができます。一般的に「カテゴリー」や「タグ」にはテキストを設定して、表示もテキストを中心にしたものが多く、装飾などはCSSや画像を組み合わせて表現していることが多いと思います。 今回...続きを読む

2016.07.02WordPress

【Win10】Office 2016 の一部が英語表記になり戻らない

Microsoft Office 2016 を Windows10 の環境で利用していたところ、いつの間にか、画面の一部が英語になってしまいました。リボンなどのUI部分ではなく、作業中にポップアップされる操作画面のごく一部の日本語が英語になるという半端な状態です。 修正...続きを読む

2021.01.24Windows10パソコンの使い方

【JavaScript】マウスオーバーでTooltips(吹き出し)を表示するライブラリまとめ

グラフィカルユーザインタフェース(GUI)において普及した表現手法のひとつにTooltips(ツールチップ)と呼ばれるものがあります。カーソルを合わせたときに吹き出しなどの小さな枠が表示され、補足の説明が表示される表現方法です。 今回は、Tooltips(吹き出し)を実...続きを読む

2015.03.03HTMLコーディング

【CSS】リンクフォーカスを利用したナビゲーションのボタン操作

CSSの{a:hover}を使うとマウスオーバーの操作によって背景の色や画像を変えることができます。ナビゲーションメニューなどによく使われる手法ですが今回は{a:focus}に着目してみました。 {a:focus}はリンクにフォーカスされているとき。クリックされた時やT...続きを読む

2015.02.08CSSHTMLコーディング

HTML5の可能性とメリット

HTML5とは? W3C より2008年1月22日にHTML5のドラフト(草案)が発表、2014年には正式に勧告されるのではないかと言われています。 HTML5は、ウェブページのヘッダ情報を示すhead要素、ナビゲーションのブロック用のnav要素、コピーライトなどのフッタ...続きを読む

2015.02.06HTMLコーディング