【SANGO】レビューボックスを立体的に可愛くするカスタマイズ
完成イメージ
Before
After
デフォルの時点で可愛らしいデザインですが、温和なイメージがより強まるようなデザインにしました。
- 幅を狭くしコンパクトに
- 星の数を非表示にして見やすく
- 星に薄く影を付けてポップに
カスタマイズ方法
0. バックアップを忘れずに
早速カスタマイズしていきたいところですが、万が一の事態に備えて事前にバックアップを取っておくことをおすすめします。
その方法について詳しくは下記記事にまとめているでぜひ参考にしてください。
WordPressでCSSのバックアップをとる方法【カスタマイズ時に必須】
1. CSSを追加
上記コードを、テーマで読み込んでいるCSSファイルにコピペします。
CSSを編集する方法について、詳しくは下記記事にまとめているでぜひ参考にしてください。
【初心者向け】WordPressでCSSを編集・追加する方法 【WordPress】CSSの変更が反映されない場合の原因・対処法
もし任意の色を適用したい場合は、コピペしたCSSの/* 〇〇色 */
とコメントしている箇所をお好みの色にしてください。
以上でカスタマイズは完了です 🎉
他のSANGOカスタマイズも全て下記記事にまとめているので、ぜひ参考にしてください。 【SANGOカスタマイズ総まとめ】サイトをもっと魅力的に!