フリーランス主夫が開発・販売するWordPressテーマでコンテンツの作成をサポートするオリジナルブロック「評価」を活用すれば、五つ星評価(スターレーティング)を簡単に作成できます。
オリジナルブロック「評価(スターレーティング)」
僕の開発・販売する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 完成 簡単操作で作成できます
テキスト入力以外は全てマウス操作だけで作成できました!
WordPressテーマのカスタムブロック
ぼくが開発・販売するWordPressテーマには、今回紹介したオリジナルブロック「評価」の他にも、コンテンツの作成をサポートするテーマ専用のオリジナルブロックが多数あります!