Jetpackの星評価ブロックで、商品のレーティングを作成

商品の評価をするとき、星評価でわかりやすくビジュアル化します。今回は、Jetpackの星評価ブロックで、商品のレーティングを作成する方法を紹介します。

今回のDEMOは、コーヒーの商品ページです。

コーヒーのローストレベルを星評価で表示しました。

設置

ブロック＞ウィジェット＞星評価ブロックを設置します。星の値の場所をクリックします。星は半分単位で設定です。星評価をすべて設定し、テキスト右寄せに設定します。プレビューを確認します。

スタイルを変更することもできます。右サイドバーのブロック＞星表示＞スタイルを枠線付きに設定します。色の設定の色をゴールドに設定します。プレビューを確認します。

以上で、今回の説明は終了です。ブロックエディターで簡単に実装できるので便利ですね。ブロックエディターで作成し、PHPで、テンプレートに読み込むこともできます。