最新記事を久々に書きました
最新記事を久々に書きました
副業アフィリエイトで給料以上稼げるようになった4つのコツを暴露します(2017年最新版)
副業アフィリエイターがアフィリエイトでサラリーマン収入以上を稼ぐ秘密を、全て暴露します。 副業アフィリエイトで...

Max Mega Menuでメニュー項目にアイコンを入れる方法

Simplicity2においてプラグインのMax Mega Menuを用いてグローバルナビを作成している際に,各メニュー項目の前にアイコン(絵文字)を導入する方法を説明します.スタイルシートなどをいじる必要は無く,WordPressの管理画面から変更することが可能です.

メニュー項目にアイコンを導入する方法

本記事ではMax Mega Menuというプラグインを使用してグローバルナビを作成していることを前提としております.

Simplicity2のオリジナルのグローバルナビよりも使いやすく,特にレスポンシブ性とスマホでの可視性に優れているので,使用することをお勧めします.

詳細は過去の記事をご覧ください.

2.3 プラグインを用いてグローバルナビを変更する方法とスタイルシート(style.css)の編集方法
本記事では,グローバルナビのデザインを変更する方法を説明します.上記のアイキャッチ画像の上の状態から下の状態へ変更します.今回グロー...

アイコンを導入する方法を説明します.

①WordPressの管理画面から「外観→メニュー」を選択します.

161106_7

②メニュー画面の右側に各項目があります.その項目名の少し右あたりにマウスを持っていくと,「Mega Menu」というアイコンが表示されるので,それをクリックします.

161106_8

③設定画面になるので,左部から一番下のIconを選択します.

161106_9

④導入したいアイコンを選択します.するとsavingと表示が出ます.表示が消えたら右上の×から選択画面を閉じます.なお,ここでタブでFontAwesomeなども選択することができますが,無料版のMax Mega Menuでは使用することができません.

161106_10

⑤元のメニュー画面に戻ったら,画面右上の「メニューを保存」をクリックして設定を反映させます.

161106_11

⑥以上により,下図のようにメニュー項目の前にアイコンを導入することができました.

161106_12

通常Simplicity2の場合,FontAwesomeのアイコンを簡単に導入することができるのですが,無料版のMax Mega Menuを使用していると使えないようでした.

無料版で選択できるアイコンは限られているのですが,それなりの数はあるので何か良いものがないか探してみると良いと思います.