<div id="[ウィジェットID]" class="widget [ウィジェットの種類クラス]"> <h4 class="widgettitle">タイトルがない場合もあるけど</h4> <ul> <li>リスト1</li> <li>リスト2</li> <li>リスト3</li> </ul> </div> ulとliなどのリスト構造なので、CSSなどでリストスタイルを指定して画像を指定しても、ワンポイント置くこともできます。 ただ、その方法だと、画像の準備が必要ですし、他にやり方を紹介されているページもたくさんあると思うので、今回はFont Awesomeを利用して、スタイルシートを使って指定する方法を紹介します。 リストにFont Awesomeを指定する手順まずはウィジェットのリスト先頭に、Font Awesomeを指定する簡単な手順を説明します。 主な手順は以下のようになります。