WordPressテーマSANGOの質問

レビューボックスの星の部分だけを任意の場所に表示したい。

アバター
セロエン

最近sangoを購入しまして、サイト作成がすごく楽しくなりました。
良いものを作成して頂きありがとうございます。

タイトルの質問についてなのですが、具体的には

使いやすさここに星を表示したい ここに星を表示したい 見やすさ ここに星を表示したい ここに星を表示したい

↑の用に任意の場所にレビューボックスで使われている星マークを読み込みたいのですが、
どういった記述すれば良いのか分かりません。

1.https://saruwakakun.com/sango/shortcode-list#21
のショートコードで全種類の星マークを作成
2.全種類の星マークをキャプチャ
3.任意の場所に保存した星マークを画像として表示

という解決策は見出せたのですが、ショートコードなどで
星マークのみを任意の場所に呼び出す方法があれば
教えて頂けると助かります。

たくさんの方からいろんな質問が届いていると思いますし、
急ぎではないので、お時間のある時にでも目を通して頂ければ幸いです。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/09/09

星のアイコンはFontAwesomeを使っています。
そのため、星だけを載せたい場所に、FontAwesomeのアイコンのHTMLを並べることになるかと思います。
たとえば3.5点を表現したい場合、以下のようになります。

<div class="rate-star">
  <i class="fa fa-star"></i><!-- 黄色い星 -->
  <i class="fa fa-star"></i><!-- 黄色い星 -->
  <i class="fa fa-star"></i><!-- 黄色い星 -->
  <i class="fas fa-star-half-alt"></i><!-- 半分の星 -->
  <i class="fas fa-star rate-star-empty"></i><!-- グレーの星 -->
</div>

このように<div class="rate-star">〜</div>の中に星アイコンのタグを入れるとSANGOの色が適用されます。
よろしくお願いします。

アバター
セロエン
2019/09/09

迅速で丁寧な回答ありがとうございます。

お蔭様で自分の作りたい表を作ることができました。
ありがとうございます。

また何か質問することがあるかもしれませんが、
よろしくお願い致します。