メニューにアイコンを入れたい

メニューに文字だけだと寂しいのでアイコンを入れてみました。

  1. 「外観」→「メニュー」を選択する
  2. ヘッダー下に入れたいメニュー(グローバルメニュー)を「編集するメニューを選択」から選択
  3. ナビゲーションラベルに表示させたいラベル名を記載するときにアイコンのコードを入れる

アイコンのコードを探すには、Font Awesome Icons(https://fontawesome.com/v4/icons/) が便利です。

<i class="fa fa-home" aria-hidden="true"></i>
<i class="fa fa-list-alt" aria-hidden="true"></i>
<i class="fa fa-link" aria-hidden="true"></i>
<i class="fa fa-external-link" aria-hidden="true"></i>
<i class="fa fa-hand-o-right" aria-hidden="true"></i>

ダッシュボードで「外観」→「メニュー」を選択
「ナビゲーションラベル」を変更してメニューを保存します。

コメント