【wordpress】星☆評価を表示するプラグイン Universal Star Rating

ネット記事でよく見かける

5 out of 5 stars

↑この星マークを表示させたいと思い調べたところ…

Universal Star Ratingというwordpressのプラグインをインストールする
方法を知りました\( ˆoˆ )/

この記事ではUniversal Star Ratingの使い方をご紹介したいと思います!

Universal Star Ratingのインストール

導入手順としては以下のようになります

  1. wordpress管理画面の左側メニュー「プラグイン」→「新規追加」を選択
  2. 「Universal Star Rating」でプラグイン検索
  3. プラグインのインストール→有効化

①wordpress管理画面の左側メニューのプラグイン→新規追加を選択します

② Universal Star Ratingで検索します

③このプラグインをインストール→有効化します(^_^)

インストール後はwordpress管理画面の左側メニューの「設定」→「Universal Star Rating」を選択すると設定画面にいくことができますが、筆者は特に設定を変更することなく使えています

設定の「Description」タブに具体的なコードの入力の方法が記載されています

ショートコードの入力方法

ショートコードとして入力するため[]の中に
(↑[]の中に入力、重要!\(^_^ ))

usr=3.5

(数字は5つの★のうちいくつ塗りつぶすかを表す)

と入力すると

3.5 out of 5 stars (3.5 / 5)

が出力されます(^-^ゝ

これが基本的な使い方です。
デフォルトでは3.5/5というように数字が表示されます

さらに大きさや表示を変更するには次のようにコードを入力します

変更内容 ショートコード []内に入力 表示
数字表示なし usr 5.0 text=”false” 5 out of 5 stars
サイズを30pxに拡大 usr 5.0 size=30 5 out of 5 stars (5 / 5)
画像をブタにする usr 5.0 img=”07.png” 5 out of 5 stars (5 / 5)

5/1追記 上記からコピペして貼り付けるとダブルクオテーション「””」がうまくコピーできず
コードが認識されないことが多いです。

コピペした場合、ダブルクオテーションは入力し直してください(・∀・;)

サイズのデフォルト値は12pxですが、小さいと思うので設定し直してもよいかもしれません。
設定画面の「setting」から変更可能です。

画像中の「Image size」の「Configured Value」を変更します。

また、各画像のNo.は以下の通りです。
これもサイズと同様にデフォルトの画像を変更することができます(^-^)

5 out of 5 stars 5 out of 5 stars
5 out of 5 stars 5 out of 5 stars

↑こんな感じでお好みの画像でレビュー評価を行なってください\(^_^ )