Menu Imageでブログのグローバルメニューに画像を追加する方法

公開日: 2014年09月06日

2014-09-06_181236

トレンドブログを運営する時に意識したいのが他のブログとの差別化ですね。
特にヘッダーやグローバルメニュー付近に関しては、
ブログの看板ともいえる目立つ場所ですのでインパクトが欲しいところです。

そこで今回は、グローバルメニューに画像を設置して
見た目を鮮やかにする方法について説明していきます。

Menu Imageを使用することによるメリット

グローバルメニューは基本的に文字だけで表示されますので、
デフォルト設定のままだとちょっとインパクトが少ないですよね。

そこで、Menu Imageを使用すると、
こんな感じでグローバルメニューの装飾ができるようになります。

2014 09 06 181236 Menu Imageでブログのグローバルメニューに画像を追加する方法

設定方法や使い方は非常に簡単ですので、
是非取り入れてあなたのブログをカスタマイズしてみてください。

 

 

Menu Imageの設定方法と使い方

まずは【プラグイン】⇒【新規追加】で検索窓に
【Menu Image】と入力してインストール、有効化をクリックします。

2014 09 06 175622 Menu Imageでブログのグローバルメニューに画像を追加する方法

インストールが完了すると、メニューの編集画面にMenu Imageが追加されますので
追加したい画像を設定していく作業へ移ります。

2014 09 06 181638 Menu Imageでブログのグローバルメニューに画像を追加する方法

この赤枠のところに設置したい画像を取り込んで、
【メニューを保存】をクリックすればOKです。

ちなみに右に【Image on hover】という項目がありますが
こちらはマウスオーバー状態を設定することができます。

ただ、マウスオーバーを設定するとテンプレートの構成が
崩れてしまうケースがありますので、注意してください。

 

 

フッターメニューも変更できます。

2014 09 06 182520 Menu Imageでブログのグローバルメニューに画像を追加する方法

せっかくなので、グローバルメニューだけではなくて
フッターメニューもアイコン画像を表示させるようにしました。

ちなみにフッターメニューの画像サイズは24×24で設定しています。

細かいアクセントかもしれませんが、
こういう所で差別化ってできますよね。

 

まとめ

今回は、Menu Imageを使ってグローバルメニューやフッターメニューに
アイコン画像を装飾する方法について説明させていただきました。

ちょっとしたことなのかもしれませんが、
少しずつあなただけのオリジナルブログを育ててみてくださいね。

今日もご訪問していただきありがとうございます。

今回の記事が参考になっていただけたらSNSでシェアしていただけると嬉しいです。

ken
*メールアドレス
*お名前(姓)

コメントを残す

サブコンテンツ

このページの先頭へ