カテゴリーアイコンの変更方法

この記事ではカテゴリーアイコンの変更方法について説明します。

カテゴリーの横に表示されるアイコンは以下のページのアイコンリストからアイコンを選択できます。

http://fontello.github.io/entypo/demo.html

設定方法

コード編集画面を開き、設定をおこないます。

▼コード編集画面への行き方

テーマライブラリに表示されている『ZeQ無料テーマテンプレート』の『カスタマイズ』をクリックします。

『コードを編集』をクリックします。

「style.css」の90行目付近右記のようにカテゴリごとにアイコンが設定されています。

アイコン一覧ページにて、右上の「show codes」にチェックを入れ、
アイコンの右側に表示されたコードをコピーしてください。

頭2桁「0x」を「\（バックスラッシュ）」に変えたコードをCSSのcontentプロパティに代入してください。

デフォルト（★マーク）アイコンを一括で変更する場合７３行目付近の赤枠を変更してください。
​

個別にカテゴリー毎にアイコンを指定する場合カテゴリ毎に赤枠の記述を追加してください。
​​​

代入し、『保存』ボタンをクリックして設定完了です。