アクセストリガー

暮らしのエンタメブログ

ネットサービス

メニューにアイコンを追加できるWordPressプラグインMenu Image

メニューにアイコンを追加できるWordPressプラグインMenu Image

今回はWordPressのプラグインを使って、サイトのナビゲーションメニューにアイコンを追加する方法のご紹介です。

Menu Image

Menu Imageはその名の通り、WordPressで作成したブログやホームページのメニューにアイコンを簡単に追加できます。

メニューとは、テーマによって色々違うのですが、こんなところに表示されているボタンのようなものです。

ナビゲーションメニューとか、パンくずリストとかも言われておりしっかりと設定しておくことで、サイトの道しるべとも言える重要な存在です。

パンくずリストと何故いうのか?それはグリム:ヘンゼルとグレーテルで男の子が森の中で道に迷わないようにパンくずをちぎって通り道に落としてて行ったことに由来するそうです。

SEO的には、サイトのクローラーが検索エンジンへと登録する際の訪問経路としても重要な役割を果たすと言われています。

それほど重要なメニューの存在ですが、デフォルトのテキストのみのメニューに、アイコンを追加してより存在をアピールしようというのが、今回のプラグイン導入の目的です。

プラグインの追加

プラグインは、WordPressのダッシュボード画面より、プラグインの新規追加から「Menu Image」と検索します。

プラグインを追加

検索結果にて次のように表示されたら、「いますぐインストール」を選択します。

インストール画面

インストールができたら「いますぐ有効化」にてプラグインの追加が完了です。

このプラグインは細かい設定をしなくても、メニューの編集画面にて即、画像の指定が行えます。

メディアのアップロード

メニューにアイコンに指定する予定の画像ファイルは、事前にメディアのアップロードにて追加しておく必要があります。

メディアを追加

メディアのアップロードが完了したら、メニューの設定です。

メニューへアイコンを追加する

WordPressのダッシュボード画面より、「外観」➡「メニュー」にてメニューの編集を行います。

当サイトでのメニュー設定は次のような構造になっています。

お使いの環境などにより違いがあります。

メニュー構造

それでは早速メニューにアイコンを設定していきます。

メニューの一つを選択して設定の編集するため展開をさせます。

メニューの編集

「Menu image」の「Set image」を選択して、先ほどメディアにアップロードした画像よりアイコンに指定していきます。

「Chose Menu image」から任意の画像を選択します。

画像の選択

このようにして、メディアファイルの画像からアイコンをメニューに設定できます。

ブログメニューアイコンを表示させてみまたらこんな感じになりました。

実際の表示

 

いかがでしょうか、もともとはテキストのみであったメニューに一工夫!アイコンを追加するだけで華やかになった印象です。

ちなみにアイコン画像のサイズはこの場合、36×36pxですが、24×24pxや、48×48などへの変更も可能です。

お好きな画像で、ブログのデザインに合ったアイコンを設定するのも楽しみですよ!

以上、「ナビゲーションメニューにアイコンを追加できるプラグインMenu Image」のご紹介でした!


コメントをどうぞ

*
*
* (公開されません)

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

アクセストリガーは暮らしの総合エンタメブログです!

こんな人がこのブログを書いています

このブログ「アクセストリガー」の管理人のおかえりなさい @okaerinasainet です。 妻と子ども1人の3人暮らし現役看護師➕ライター兼業のアラフォーパパ。

詳細なプロフィールを見る 

取材・寄稿・ネット対談などの依頼は お問い合わせページ からお願いしますm(__)mまた雑談や相談が出来る友達も募集しています。よろしかったらポチっとだけお願いします。

友だち追加

アクセストリガーの購読はこちらから

SNSをフォローする

follow us in feedly
  • ピックアップ