
「星の数で伝える評価を、もっと簡単に。」Webサイト制作所のWordPressテーマに備わっているオリジナルブロック「評価」を使えば、五つ星評価(スターレーティング)をわずか数クリックで作成できます。レビュー記事や制作実績紹介など、信頼感を伝えるデザインを誰でも手軽に実現できます。
オリジナルブロック「評価(スターレーティング)」
五つ星評価(スターレーティング)
| 評価の概要 | 10個の評価を設定可能 マウス操作で星5から星0.5まで0.5刻で設定可能 |
| 評価項目・評価名 ※ヘッダー部分 | 背景色・文字色をカラーピッカーでカスタム可能 |
| 評価項目 ※ヘッダー部分 | テキスト入力で変更可能 未設定の場合は「評価項目」と表示 |
| 評価名 ※ヘッダー部分 | テキスト入力で変更可能 未設定の場合は「★評価」と表示 |
| 評価項目・評価名 | 背景色をカラーピッカーでカスタム可能 |
| 評価項目 | 文字色をカラーピッカーでカスタム可能 |
| ★(スターレーティング) | 原色・塗りつぶし色をカラーピッカーで変更可能 塗りつぶし色で設定したカラーが総合評価の文字色に反映 |
| 総合評価 | 表示・非表示の設定可能 設定した評価のアベレージを自動で反映 |
| ボーダー色 | カラーピッカーでカスタム可能 |
| 上下余白 | マウス操作で変更可能 |
| 評価項目 | ★評価 |
|---|---|
| 評価項目(1) | 5.0 |
| 評価項目(2) | 4.5 |
| 評価項目(3) | 3.0 |
| 評価項目(4) | 4.0 |
| 評価項目(5) | 3.5 |
総合評価 |
オリジナルブロック「評価」の作成方法
STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところに「評価」を呼び出します

- 「ブロックを追加」を選択
- オリジナルブロック「評価」を選択
STEP 2 見出しを入力しカスタマイズ 見出しテキストを入力しカスタマイズ項目を選択

- 項目と評価を上から順に設定
- 各種カスタマイズを設定
注意!
項目が未入力の場合は反映されません。必ず上から順に項目と評価を設定してください。
STEP 3 完成 簡単操作で作成できます
| 評価項目見出し | 0.5~5 |
|---|---|
| 評価項目(1) | 5.0 |
| 評価項目(2) | 4.5 |
| 評価項目(3) | 4.0 |
| 評価項目(4) | 3.5 |
| 評価項目(5) | 3.0 |
| 評価項目(6) | 2.5 |
| 評価項目(7) | 2.0 |
| 評価項目(8) | 1.5 |
| 評価項目(9) | 1.0 |
| 評価項目(10) | 0.5 |
総合評価 |