ご冗談でしょう、チャッキーさん

チャッキーさんの旅と読書とWordPress学び備忘録

Font Awesome 4 Menusを使えば見た目がちょっと良くなる-WordPress Plugin

約 3 分

Simplicity2にテンプレートを変えて少しカスタマイズしてみました。

中でも「Font Awesome 4 Menus」というプラグインを入れたら、グローバルナビが前よりもちょとだけカッコよくなったので紹介します。

※追記 「Simplicity2」には既に組み込まれているのでプラグインをインストールする必要はありません。class指定ですぐ表示出来ます。

Font Awesome 4 Menus

別にコレをしたからアクセスが増えるって訳でもないですが…WPを始めたばかりだと、ちょっとした変化でも嬉しくなります。

インストール

まずは、ダッシュボードメニューから「プラグイン」⇒「新規追加」をクリック

Font Awesome 4 Menus

検索ボックスに「Font Awesome 4 Menus」と入力して、出てきたプラグインを「インストール」⇒「有効化」まで済ませて下さい。

Font Awesome 4 Menus

インストールは以上です。続いて設定に移ります。

設定

ダッシュボードメニューの「外観」⇒「メニュー」を選択します。

 

コチラの画面に切り替わったら、上部にある「表示オプション」をクリックします。

Font Awesome 4 Menus

表示オプションをクリックすると、このような画面が表示されます。ココでCSSにチェックを入れて下さい。

そのままスクロールダウンしていくと、グロバルナビの設定が出来ます。ココにCSSのClassオプションが追加されているはずですので、ココに「Font Awesome 4 Menus」を記入します。

Font Awesome 4 Menus

「Font Awesome 4 Menus」のアイコンは公式ページ で確認出来ます。

ココには現在、675個のフォントアイコンがあり自由に使用することが出来ます。この中から使いたいアイコンを選んでください。

今回はHOMEアイコンで説明していきます。

「HOME」をクリックすると画面が切り替わります。↓↓↓

コチラで赤色で囲まれた「fa-home」。これがアイコンのショートコードになります。コレをコピーして先程のCSS CLASSに貼り付けます。

Font Awesome 4 Menus

これでグローバルナビのHOMEの前に家のマークが表示されているはずです。他のメニューにも適したアイコンを記入すれば完成です。

とってもカンタンなので是非、ちょっとブログをカッコよくしたい人はやってみてはいかがでしょうか?

チャッキー
本日も最後までお付き合い頂きましてありがとうございました

ブログランキングに参加してます。

にほんブログ村 ブログブログへ

クリックすると現在の順位が表示されます。

About The Author

チャッキーさん
ご訪問ありがとうございます。管理人のチャッキーと申します。
日本語を学ぶ為にブログを始めました。内容は主に旅と読書とWordPressという全く自分の知らない世界についてです。現在、南米をぷらぷら散歩中。時々、出稼ぎのため広島県にいます。

Leave A Reply

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

オススメ記事