今回は、レビューなどで良く使用するであろう星の評価マークを、プラグイン不要でWordpressのCocoonだけで追加できる方法を紹介します。
追加方法
下記のように記述して、ショートコードに記述することで星評価マークを追加することができます。
[star rate="4"]↓に星マークが表示されているのではないでしょうか。
すごく簡単ですね！次からは星評価マークを少しカスタマイズしたい場合の方法を紹介します。
オプション
評価数設定
星の評価数は、”rate”で変更することができます。※デフォルト値は、”5″です。
[star rate="0"][star rate="3.5"]星最大値設定
星の数の最大値は、”max”で設定できます。※デフォルト値は、”5″です。
[star rate="1.5" max="3"][star rate="25" max="100"]数値表示設定
数値を表示の入切は、”number”で設定できます。※デフォルト値は、”1″です。
[star rate="3.5" number="0"][star rate="3.5" number="1"]色設定
星の色の変更は、”color”で設定できます。
[star rate="3.5" color="#000000"][star rate="3.5" color="red"]まとめ
いかがだったでしょうか。
簡単に星マークで評価を表示・表現できたのではないでしょうか。レビューなどで評価を星マークで可視化したい場合には、今回のページを参考にしてみてください。
それでは、また！
