![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロック「評価(スターレーティング)」の紹介](https://huntoshuhu.com/wp-content/uploads/2023/12/ob_5star_thumbnail_728.gif)
フリーランス主夫が開発・販売するWordPressテーマでコンテンツの作成をサポートするオリジナルブロック「評価」を活用すれば、五つ星評価(スターレーティング)を簡単に作成できます。
オリジナルブロック「評価(スターレーティング)」
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
僕の開発・販売するWordPressテーマのオリジナルブロック「評価」を活用すれば、五つ星評価(スターレーティング)を簡単操作で作成できます!
五つ星評価(スターレーティング)
評価の概要 | 10個の評価を設定可能 マウス操作で星5から星0.5まで0.5刻で設定可能 |
評価項目・評価名 ※ヘッダー部分 | 背景色・文字色をカラーピッカーでカスタム可能 |
評価項目 ※ヘッダー部分 | テキスト入力で変更可能 未設定の場合は「評価項目」と表示 |
評価名 ※ヘッダー部分 | テキスト入力で変更可能 未設定の場合は「★評価」と表示 |
評価項目・評価名 | 背景色をカラーピッカーでカスタム可能 |
評価項目 | 文字色をカラーピッカーでカスタム可能 |
★(スターレーティング) | 原色・塗りつぶし色をカラーピッカーで変更可能 塗りつぶし色で設定したカラーが総合評価の文字色に反映 |
総合評価 | 表示・非表示の設定可能 設定した評価のアベレージを自動で反映 |
ボーダー色 | カラーピッカーでカスタム可能 |
上下余白 | マウス操作で変更可能 |
評価項目 | ★評価 |
---|---|
評価項目(1) | 5.0 |
評価項目(2) | 4.5 |
評価項目(3) | 3.0 |
評価項目(4) | 4.0 |
評価項目(5) | 3.5 |
総合評価 |
オリジナルブロック「評価」の作成方法
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
簡単に色々な種類の五つ星評価(スターレーティング)を作成出来ます!こちらでは作成方法を解説します。
STEP 1 オリジナルブロックを呼び出す ブロックエディターの挿入したいところに「評価」を呼び出します
![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロック「評価」を活用すれば、五つ星評価(スラーレーティング)を簡単作成できます!
五つ星評価の作成方法STEP.1](https://huntoshuhu.com/wp-content/uploads/2023/12/ob_sr5_step1_728.gif)
- 「ブロックを追加」を選択
- オリジナルブロック「評価」を選択
STEP 2 見出しを入力しカスタマイズ 見出しテキストを入力しカスタマイズ項目を選択
![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロック「評価」を活用すれば、五つ星評価(スラーレーティング)を簡単作成できます! 五つ星評価の作成方法STEP.2](https://huntoshuhu.com/wp-content/uploads/2023/12/ob_sr5_step.2_728.gif)
- 項目と評価を上から順に設定
- 各種カスタマイズを設定
注意!
項目が未入力の場合はは反映されません。必ず上から順に項目と評価を設定してください。
STEP 3 完成 簡単操作で作成できます
![フリーランス主夫が開発・販売するWordPressテーマでつかえるオリジナルブロック「評価」を活用すれば、五つ星評価(スラーレーティング)を簡単作成できます! 五つ星評価の作成方法STEP.3 完成](https://huntoshuhu.com/wp-content/uploads/2023/12/ob_sr5_step.3_728.gif)
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
テキスト入力以外は全てマウス操作だけで作成できました!
WordPressテーマのカスタムブロック
![当サイトの運営責任者。40代前半フリーランス主夫](https://huntoshuhu.com/wp-content/uploads/2023/05/hukidashi_kaiwa_icon_sample.png)
ぼくが開発・販売するWordPressテーマには、今回紹介したオリジナルブロック「評価」の他にも、コンテンツの作成をサポートするテーマ専用のオリジナルブロックが多数あります!