カスタムメニューにアイコン画像を追加できるWordPressプラグイン「Menu Image, Icons made easy」

カスタムメニューにアイコン画像を追加できるWordPressプラグイン「Menu Image, Icons made easy」

カスタムメニューにアイコン画像を追加できるWordPressプラグイン「Menu Image, Icons made easy」
  • シェアしてね♪
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

  • 24時間注文・入稿受付OK。実績と信頼の「印刷の通販 グラフィック」
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

Menu Image, Icons made easyは、カスタムメニューにアイコン画像を追加できるWordPressプラグインです。

メニューテキストの横に、簡単にアイコン画像を設置できます。

スポンサードリンク

Menu Image, Icons made easyのインストール

インストール手順は以下の通りです。

ファイルをFTPでアップロードしてインストール

  1. Menu Image, Icons made easyをダウンロードします。
  2. ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  3. 管理画面の[プラグイン]ページで、”メニュー画像”を有効化します。

WordPress管理画面でインストール

  1. [プラグイン] – [新規追加]にアクセスします。
  2. 「Menu Image」で検索します。
  3. [今すぐインストール]をクリックして、Menu Image, Icons made easyをインストールします。
  4. [有効化]をクリックしてプラグインを有効化します。

※プラグイン有効化時に、使用データの送信を促す画面が表示されます。[スキップ]でも問題ありませんし、この設定はプラグイン一覧ページでオプトイン・オプトアウトの変更が可能です。

追跡データの送信

Menu Image, Icons made easyの設定

WordPress管理画面で[Menu Image] – [Menu Image]にアクセスすると、アイコン画像のサイズ設定ができます。

Menu Image, Icons made easyの設定

「Enable the image on hover field」にチェックが入っていると、マウスホバー時のアイコンも設定できるようになります。

アイコン画像の設定方法

[外観] – [メニュー]にアクセスし、メニューの詳細設定を展開すると、アイコン画像とサイズを指定する項目が追加されています。

アイコン画像の設定
メニュー画像 通常時のアイコン画像
マウスオーバー時の画像 マウスホバー時のアイコン画像
画像サイズ アイコンのサイズ
タイトル位置 メニューテキストの表示位置

変な翻訳になっていますが、タイトル位置の「更新後」がアイコン左・テキスト右の配置です。

設定を保存すると、以下のようにメニューにアイコンが付きます。

カスタムメニューにアイコン画像を設置

あとがき

グローバルメニューにアイコンを付けたいというケースは、結構あるのではないでしょうか。管理画面上でサクッと設定したい場合は、ぜひご活用ください。

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

メールアドレスが公開されることはありません。