3分でできた!WordPressグローバルメニューにアイコンを設定する方法

Font Awesome Icons WordPress
スポンサーリンク
スポンサーリンク

カスタマイズをするのも結構楽しいですね。ちょっと備忘録としてまとめておきます。

カテゴリーが表示されるグローバルメニュー。これにちょっとアイコンを入れてみました。ちょっとしたことなんですけど、なんだかブログがオシャレになりますね。って単なる自己満足です。

こういうのを調べていたらどんどん時間過ぎて、記事書くの忘れてしまいます。いけないいけない。ブログは記事が大事ですからね。

でも、カスタマイズも時にはするのもおもしろくて、どんどんブログへの愛着が湧いてきますよ。めちゃくちゃ誰でも簡単、たったの5分でできるカスタマイズです。

では、どうぞ!

スポンサーリンク

グローバルメニューにアイコンを設定する簡単な方法

Font Awesome 4 Menusプラグインを利用する

WordPressを利用すると、プラグインのお世話になることもありますね。当ブログは、開始してから、わいひらさんの「Simplicity」にお世話になっています。

利用したプラグインは、Font Awesome 4 Menusというプラグインです。それを利用すると、グローバルメニューにアイコン設定をすることができます。こんな感じ。

グローバルメニュー

なんだかいい感じですね(単なる自己満足)。

プラグインで新規追加

まずは、「プラグイン」⇒「新規追加」でFont Awesome 4 Menusを検索します。

Font Awesome 4 Menus

メニューで「CSSクラス」にチェック

次に、「外観」から「メニュー」ボタンをクリックします。

Font Awesome 4 Menus

画面右上にある「表示オプション」を押すと、下記の画面が現れますので、「CSSクラス」にチェックを入れます。

Font Awesome 4 Menus

これで準備は完了!!

Font Awesome Iconsから好きなアイコンを選ぶ

Font Awesome Icons

次に「Font Awesome Icons」のサイトを見てください。これは、いろんなアイコンを用意してくれているサイトです。全然知りませんでした。

サイトに行くと、100以上のアイコンが用意されています。こんな感じ。

Font Awesome Icons

好きなアイコンをクリックしてみましょう!

Font Awesome Icons

すると、上記画面が出てきますので赤枠で囲ったところをコピーします。

カテゴリーで貼り付けするだけ!

次に、Wordpressのダッシュボード(管理画面)に戻ります。

もう一度「外観」⇒「メニュー」を選択しましょう。さきほどコピーしたアイコンを貼り付けたいカテゴリーの「編集」をクリックします。

Font Awesome 4 Menus

CSS class(オプション」に貼り付けるだけ!!

これだけでさきほど冒頭に見てもらったように、グローバルメニューにアイコンを設定することができます。

Font Awesome 4 Menus

めっちゃ簡単です!!!

これだけなので、ものの3分もあればできますよ。カテゴリーが多かったので、私は結構時間がかかりましたけど。アイコン眺めるだけでも楽しかったです。

このほかカテゴリー関連のプラグイン

WordPressでは、カテゴリーの順番の入れ替えができなくて困っていませんか?私も記事数が増えるにつれて、カテゴリーを増やしていたので、順番がバラバラ。。。

そんなときには、「Taxonomy Order」というプラグインが便利です。

このプラグインを入れておくと、自由にカテゴリーの順番を変更することができますよ。

スポンサーリンク

たまにカスタマイズもいいね

カスタマイズをどんどんする知識が欲しいなぁと思います。私はweb知識がないので、記事を書く方を優先していますが。

たまにこうしてブログをいじるのも面白いものですね。ブログは自分オリジナルにカスタマイズができるので、愛着が湧いてきて、また更新の励みにもなります。

今回のグローバルメニューにアイコンを設定する方法をまとめておきます。

ポイント
  • Font Awesome 4 Menusのプラグインを利用する
  • Font Awesome Iconsからアイコンを選ぶ

たった2つのことをするだけ!です。

私はレンタルサーバー「エックスサーバー」+テーマ「Simplicity」を利用していますが、不具合なく使えましたよ。

では。

あわせて読んでみる ⇒   WordPress初心者にテーマ「Simplicity」は断然オススメ!記事を書くことに専念させてくれます

スポンサーリンク
スポンサーリンク
WordPress
スポンサーリンク
スポンサーリンク
ジンさんをフォローする
この記事を書いた人

ふるさと納税、貯金ネタ、節約、株式投資、住宅ローンなど会社員の気になるお金情報を発信。30代、アラフォー、子ども2人。FP2級、宅建保有。
主に高配当株への投資。2019年は年90万円配当予定。
ブログは約4年間ほぼ毎日更新しています。大体21~22時頃アップ。

ジンさんをフォローする
おすすめ『ふるさと納税』ランキング
長野県小谷村(モンベルポイント)(2018年12月31日まで)寄付額の10%分Amazonギフト券の特典あり

長野県小谷村は人口3,000人ほどの小さな村です。
返礼品は魅力的なものが多く、もらって良かったのが「モンベルポイントバウチャー」です。
モンベルの店舗やネットショッピングで使えるので、夏のレジャーアイテムなどにも使えます。
いい商品が多いので、ふるさと納税返礼品でお得に手に入れてみてください。
このほか、「コールマン」「ヒマラヤ」オンラインクーポンもあります。

福岡県行橋市(iPadなど家電)

福岡県行橋市は魅力的な返礼品を用意しています。
おすすめは、『iPad』(iPad、iPad Pro、iPad mini4)です。
年収800万円以上の方であれば、自己負担2,000円で手に入る可能性が高いので、今のうちに見ておきましょう。

カメラ(一眼レフ、ミラーレス一眼、コンパクトカメラ、水中カメラなど)

人気の高いカメラ製品もふるさと納税で手に入ります。ふるさと納税サイトのふるなびに掲載されている自治体のうち、
・宮城県多賀城市
・神奈川県海老名市
・神奈川県綾瀬市
・大分県国東市
・長崎県波佐見町
・神奈川県開成町
の自治体がカメラを用意していますね。
メーカーは、ソニー、キヤノン、ペンタックス、富士フイルムなどがあります。こちらも人気が高いので、高年収の方は必見です。

おさいふプラス

コメント