WordPressでグローバルメニューにFontアイコンを設置するプラグイン

シェアする

  • このエントリーをはてなブックマークに追加
  • Evernoteに保存Evernoteに保存
  • 0

この『なまたまご情報局』グローバルメニューにfontのアイコンが設置されているのにお気付きでしたでしょうか?固定メニューへのアイコン設置は、固定メニューのタイトルへの設置になる為、専用のプラグインが必要となってきます。

今回ご紹介させて頂くのが、固定メニューのタイトルへアイコンを設置出来るプラグイン『Font Awesome 4 Menus』を記事にしたいと思います。

はじめに

それでは早速プラグインをご紹介したいと思います。

Font Awesome 4 Menus

Fontアイコンの設置イメージです。当サイト『なまたまご情報局』のグローバルメニューになります。

アイコンが設置させているだけで、さりげないけどインパクトがあるメニューになっているかと思います。

設置手順(画像は全て拡大します。)

①それでは、まずプラグインをインストールしましょう。

『Font Awesome 4 Menus』 icon-download 

②インストールしたら、プラグインを有効化しましょう。

③有効化したら、外観の中にあるメニューへ行きます。

④メニュー内、画面の右上にある、表示オプションをクリックして下さい。

すると上画像のように表示オプション画面が開きます。

⑤その中の『CSSクラス』のチェックボックスにチェックを入れて有効化しましょう。

するとメニュー構造内に、CSS class(オプション)が追加されます。

⑥『CSS class(オプション)』へ設置したい任意のCSS classを入力した設置完了となります。

fontawesomeアイコン一覧表

fontawesomeアイコン一覧表のリンクを貼っておきます。

fontawesome.icons icon-external-link 

さいごに

固定メニューにアイコンがあると無いとでも些細な箇所ではありますが、印象もぐっと変わってくると思います。

アイコンをすぐに設置しなくても、とりあえずいつでも設置出来るようにプラグインを入れておいて設定だけでもしておくといいかもしれませんね。

知っていて損はしないカスタマイズだと思います。

今回も少しでも皆様のお役に立てれば幸いです。

合わせて読みたい。

WordPress CSS 壁紙を背景に簡単カスタマイズ!
WordPress CSSで、全ての背景を壁紙にする簡単カスタマイズをご紹介します。はじめにこのブログのテーマは「Simplicity」で作成しているのですが、「Simplicity」で背景...
コピペで簡単設置!アドセンス等広告上スポンサーリンク!
Googleアドセンス等の広告上に、表示されている『スポンサーリンク』はアドセンスに限らず広告を表示させるにあたって必ず表示させる義務があります。その『スポンサー...
Googleアドセンス ページ単位の広告の紹介 5分で設定!
Googleアドセンス で広告を出されている方でGoogle Adsenseホームに、ページ単位の広告の紹介が表示されているかと思います。モバイル用のアドセンス広告なのですが、そ...
WordPress CSS ヘッダー領域にウィジェットを5分でカスタマイズ設置!
WordPress CSSで、ヘッダー領域にウィジェットを設置出来ない、テーマにウィジェットエリアを、5分で簡単設置出来るようにするカスタマイズをご紹介します。はじめにこ...
WordPress CSSカスタマイズ 回転するサムネイル画像3種
WordPress CSSで、このブログで使用している回転するサムネイル画像3種類のカスタマイズをご紹介します。コピペしてすぐ使用して頂けます。CSSカスタマイズ各回転サ...
WordPressブログカードと、TOC目次を1分で中央寄せに。
WordPressの、ブログカード(テーマ「Simplicity」の場合)と、プラグインTable of Contents Plusの目次タイトルを簡単に1分で中央寄せるカスタマイズです。CSSカス...
アドセンス他広告プライバシーポリシー『ブログ用テンプレ』
Googleアドセンス広告を貼り付けてブログ及びサイトを運営していくには、プライバシーポリシーの設置が必要となってきます。今回は「なまたまご情報局」で設置したもの...
WordPressお問い合わせページを5分で作成。
WordPressでお問い合わせページをプラグイン、Contact Form 7、で5分で作成してしまうという記事です。  Contact Form 7ブログを作成したら、固定ページにお問い合わせ...
WordPressで広告を任意に設置するプラグイン
WordPressでアフィリエイトを、記事だけに設置して、固定ページ内には設置したくない、もしくはその逆とか任意に設置を指定出来るプラグイン、Widget Logicを記事にした...

スポンサーリンク

トップへ戻る