Shortcode Star Ratingの設定方法

  • このエントリーをはてなブックマークに追加

キャプチャ1

「Shortcode Star Rating」を使用することで、ブログ内でお店や商品を比較評価をする場合に記事内に星の数を追加することができます。星の数で評価すれば、文字だけの場合よりも、よりイメージしやすくなります。

ここでは、「Shortcode Star Rating」の設定方法を説明します。

Shortcode Star Ratingの設定方法

1.WordPressの管理画面から「設定」を選択し、「Shortcode Star Rating」をクリックします。

キャプチャ2

 

2.「星の色」を好みに合わせて決定します。色変更の際には、以下のサイトを参考になさってください。

原色大辞典

デフォルトでは山吹色(#FCAE00)となっています。

 

3.「星のサイズ調整」の欄の「親ボックスに合わせる」にチェックを入れると、星のサイズが現在使用しているWordPressテーマの文字サイズと同じサイズで表示されます。通常は変更しなくてもOKです。

 

Shortcode Star Ratingの使い方

ショートコードの種類

星マークを表示するためにショートコードを使用しますが、使用可能なショートコードは以下の4種類になります。

  • rating : 5段階評価で星いくつか
  • max : 最大星数を変更
  • type : ”percent”とすることで、星の数の右にパーセントでの評価を表示、numericとセットで使用する
  • numeric : ”yes”とすることで、星の数の右にパーセントでの評価を表示、typeとセットで使用する

5段階評価で表示する方法

1.記事作成画面でエディタモードを「テキスト」に切り替えます。そして星評価を挿入したい部分で、「Star Rating」ボタンをクリックします。

キャプチャ3

 

2.[ star rating=”” ]というタグが挿入されるので、” ”の中に0~5の数字を入れます。なお数字は0.5刻みで入力できます。

キャプチャ4

↓↓

キャプチャ5

 

3.エディタモードを「ビジュアル」に戻します。すると、

[ star rating=”4.5″ ]

と表示されているのが確認できます。これが記事公開時には以下のように表示されます。

 

 

これで5段階で星いくつか、という評価が記事に表示されます。

 

X段階評価で表示する方法

1.エディタモードを「テキスト」に切り替え、星評価を挿入したい部分で、「Star Rating」ボタンをクリックします。

2.[ star rating=”” ]というタグが挿入されるので、” ”の中に数字を入れ、その右に半角スペースを開け「max=”X”」と入力します。これはX段階で表示するという意味です。

キャプチャ7

 

ここでは、rating=”7″、max=”10″としていますが、これは「10段階で7」という評価です。

 

3.エディタモードを「ビジュアル」に戻します。すると、

[ star rating=”7″ max=”10″ ]

と表示されているのが確認できます。これが記事公開時には以下のように表示されます。

 

パーセント評価で表示する方法

1.[ star rating=”” ]というタグの” ”の中にパーセントを表す数字を入力し、半角スペースを開け「max=”X”」と入力します。

2.さらに半角スペースを開け「type=”percent” numeric=”yes”」と入力します。

キャプチャ8

 

ここでは、rating=”90″、max=”10″としていますが、これは「10段階で90%」という評価です。

 

3.エディタモードを「ビジュアル」に戻します。すると、

[ star rating=”90″ max=”10″ type=”percent” numeric=”yes” ]

と表示されているのが確認できます。これが記事公開時には以下のように表示されます。

(90%)

 

最後に

「Shortcode Star Rating」はレビューを多く投稿する場合には非常に重宝します。通常の文字での評価に加えて、星の数で評価することでユーザにビジュアルイメージを持たせることができます。

レビュー記事を投稿する際には、ぜひ「Shortcode Star Rating」を使ってみましょう。

 

 

以上、Shortcode Star Ratingの設定方法、でした。

ウナダ

  • このエントリーをはてなブックマークに追加

SNSでもご購読できます。

コメントを残す

*