WordPressのグローバルナビゲーションメニューにアイコンを表示する方法

メニュー画像

↑メニューです(笑)

 

ブログのデザインが変わりました♪

このブログのデザインが少し変わりました♪

さて、どこでしょうか?

記事のタイトルを見たら分かりますよね(笑)

失礼致しました(笑)

この度、メニュー(グローバルナビゲーションメニュー)にアイコンを入れることに成功しました!

参考にさせて頂いたのは「寝ログ」です♪

寝ログ/WordPressのナビゲーションメニューにFont Awesomeのアイコンフォントを表示させる方法

管理者のわいひら様、もの凄く分かり易くご説明頂き、心より感謝申し上げます。

正直、作業は「あっさり」でした♪


「Font Awesome 4 menus」というプラグインをインストールし、

寝ログの中でも説明がありますが、アイコンは下記のサイトからチョイスすることになります。

Font Awesome

もの凄い量のアイコンがあり、選ぶのが大変でつい嬉しい悲鳴を上げてしまいました(笑)

アイコンの「クラス名」というものを入力する必要がありますが、アイコン一覧の方の名称では不可です。

各アイコンをクリックして、個別ページを開いた上で先頭に「fa-」がついたものの方を「CSS class (オプション)」に入力して下さい。

AffingerでもOKです!

PCでの表示は上のメニューを見て頂ければと思います。

スマホの場合は下のようになります。

グローバルメニューアイコン追加

こんな簡単な作業で、ブログのデザインがこんなに変わるなんて驚きです!

また自己満足の世界に浸ってしまいました(笑)

超おススメです!

是非是非皆さんもお試し下さい。

にほんブログ村 アフィリエイト
人気ブログランキングへ
FC2 Blog Ranking

コメント

タイトルとURLをコピーしました