ボックスメニューのアイコン

ボックスメニューのアイコンの変更方法です。

「外観」＞「ウィジェット」で「コンテンツ上部」に「[C]ボックスメニュー」を入れることができますが、アイコンは★のままです。

まず、「外観」＞「メニュー」で編集するメニューを選択して、メニュー設定画面の右上の「表示オプション」をクリックして、「タイトル属性」「CSSクラス」「説明」にチェックを入れておきます。

CSS classには、Font Awesomeで選んだアイコンのコードを入力します。

アイコンに使うFont Awesomeは「Cocoon設定」＞　「全体」の「サイトアイコンフォント」で設定したバージョンを使います。Font Awesome 4

Font Awesome 5を利用する場合は、たとえばネコを表示させたい場合はCSS classに「fas fa-cat」を入れます。

CSS classに「fa fa-heart」とかセットしていくとこんな感じになります。