【WordPress】星評価表を作成するプラグイン 【Universal Star Rating】

ブログ制作

こんにちは、タマです。

 

知り合いから、「ワードプレスで、星を並べた評価表みたいなの作りたいんだけど、いい方法ある?」と聞かれ、ちょっと調べてみました。

 

スター評価表?、星評価表?、なんと呼ぶのか分かりませんが、要するに下記のような表です。

 

ちから:
かしこさ:
すばやさ:
運の良さ:

 

よく見かける感じの表ですよね。

これをドンピシャで実現できるプラグインがありましたので、今回はそれを紹介します。

 

スポンサーリンク

星評価表を作成するプラグイン「Universal Star Rating」

その名も「Universal Star Rating」です。

冒頭のような評価表が、たった1行のショートコードでめちゃめちゃ簡単に作れちゃいます。

ただ、残念ながらドキュメントは日本語対応はしていないので、使い方やオプションについて簡単に説明します。

 

 

Universal Star Ratingの使い方

日本語対応していないとはいえ、分かりやすいExamplesがあるので、実際の使い方については、それ程迷いませんでした。

Universal Star Ratingには、大別して[usr ] と[usrlist]の二種類のショートコードがあります。

前者は1行の表現で済むもの、後者は冒頭の例のようにリスト化された情報に使います。

それぞれにオプションを付けることで、表現を微妙に変えていくことが出来ます。

 

例えば、数値を星マークではなく、ハートマークで表現したい場合は、imgオプションを付けて、

好き好き度:[usr 3.5 img="03.png"]

という風に表現します。

上記はこんな風に表示されます。↓

好き好き度: (3.5 / 5)

使えるマークは11種類あり、下記の通りとなります。

初期設定では黄色の星マークに設定されていますが、ハートや豚ちゃん、ニコニコマークなど、使いやすそうな画像がそろっています。

 

その他、画像のサイズを変えたい場合は、sizeオプションを使います。

好き好き度:[usr 3.5 img="03.png" size="20"]

上記はこんな風に表示されます。↓

好き好き度: (3.5 / 5)

 

ちなみに冒頭の表のショートコードは下記の通りです。usrlistのショートコードを使います。

[usrlist ちから:3 かしこさ:3.5 すばやさ:4 運の良さ:5  size=20 text="false"]

 

以上となります。

レビューサイト等で使えそうなプラグインですね。

コメント