ブログで生きていくブログで生きていくことを実践している藤本陽介の個人ブログです。Webマーケティング・WordPress・SEOについてノウハウを隠すことなく解説しています。ふじもんフォントアイコン『FontAwesome5』の使い方ツイートシェアはてブLINEPocketWordPressのメニューに、フォントアイコンを使うと、見た目も華やかになり、さらにサイトの回遊性向上も期待できます。Awesome5』は、無料で使えますので、WordPress中級者はぜひチェックして挑戦してみてください。Awesome5』を使うメリット見た目が華やかになる店舗のホームページでは、お店の情報ページや、お問い合わせページに誘導するため、メニューを設置します。参考までに、このような花屋さんのサイトがあるとします。これでも十分カッコイイサイトですが、メニューをもう少し華やかにすると、以下のようにできます。違いがわかりますか?拡大すると、メニューにアイコンがついています。このように見た目が良くなります。見た目が良くなるだけでなく、メニューをクリックしてもらえる可能性が高くなるといわれています。Awesome5』はおすすめです。Awesomeは無料でも使うことができます。有料版と無料版があり、無料版は1,264種類のアイコンがあります。有料のPRO版は、さらに使えるアイコンが増え、3,000種類以上のアイコンがあります。PRO版は60ドルなので、日本円で6,500円くらいなので、予算に合わせて検討してみてください。Awesomeを使用するなら、有料のPRO版を利用することを検討しましょう。今回は無料版の使い方を解説します。4』から、かなり変わっています。4』からCSSのクラス名などが変更されています。Awesomeを使用するなら、新しいバージョンで使うのが良いです。5』のバージョン5.2.0を、CDNで簡単に設置する方法を紹介します。Awesome』公式サイトにアクセスします。Using』(使う)をクリックします。画面の赤枠部分が、WordPressのheader.phpに貼り付けるHTMLコードです。バージョンを確認してコピーしてみてください。2018年8月時点で最新バージョンは5.2.0ですから、下記に5.2.0のHTMLコードを参考までに貼っておきます。crossorigin="anonymous">header.phpにHTMLコードを貼り付けるWordPressのテーマファイル内のheader.phpを開きます。--></head>このように、<head>と</head>の間に、先ほどコピーしたHTMLコードを貼り付けます。Free一覧』にアクセスして、使用したいアイコンを選びます。どれでも構いませんから、選んでみてください。左側にカテゴリーがあるので、ビジネス向けのアイコンを探しているなら、Businessをクリックしてみましょう。わたしはMAP関連のアイコンを探していたので、検索窓に『MAP』と入力してみました。アイコンは無料でも1200種類以上用意されているので、いろいろチェックしてみてください。アイコンのHTMLコードを入手して貼り付ける今回は、MAPに良さそうなアイコンを選んでみました。アイコンを選択すると、左下にHTMLコードが表示されるので、これをコピーします。メニューを表示させ、ナビゲーションラベルにこのコードを貼り付けます。このように先ほどコピーしたHTMLコードを貼り付けると、アイコンが表示されます。メニューにはこだわろういかがでしょうか?WordPressのメニューにフォントアイコンを使うと全然違いますよね。WordPressのテーマによっては、初期段階からフォントアイコンが実装されていることもあります。WordPressの中級者になれば、メニューだけでなく、様々な箇所でフォントアイコンを使うためにカスタマイズするWebデザイナーもいます。メニューはサイトの回遊性向上にとても重要な要素です。メニューにこだわりましょう。Awesomeを使うことで、簡単にリッチなサイトになると思うので、ぜひ挑戦してみてください。WordPressこの記事が気に入ったらいいねしよう!最新記事をお届けします。Awesomeの記事にSEOのタグがあることに、ふと気がつきました。PMあるといえばありますが、気にするレベルではないですね。Awesomeによって、サイトの滞在時間や、回遊率があがるなら、SEOに効果があるという感じです。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。創業1年たった起業家の精神状態『死なないために』わたしが2016年8月に思っていたことWordPressの『投稿』と『固定ページ』の違いRECOMMENDこちらの記事も人気です。Sitemapsの設定方法と使い方】サイト構築に...WordPress2019.1.14日本語対応でおすすめのWordPress有料テーマ10選WordPress2016.11.4リンクが有効かチェックしてくれるWordPressプラグイン【Broke...ABOUTこの記事をかいた人ふじもんWebサイトの制作や、システム開発などしながら、ブログで生きています。運用しているWebサイトは非公開ですが、数は20サイトを超えています。WordPressの講師をたまにしています。今後は動画編集を中心に活動していきたいです。POSTこのライターの最新記事WiFi2020.1.14入院中におすすめのレンタルWiFi【D3WiFiがおすすめな理由】WiFi2019.12.28どこよりもWiFiの口コミ評判と3つのデメリットを解説します【口座振替に対応...キャンペーン2019.12.24光回線の選び方【家電量販店で選んではいけない理由】WiFi2019.12.15レンタルWiFiなのに端末返却義務が無いWiFiサービスふじもんWordPressをマスターするために、プログラミングをゼロから勉強して、なんとか書籍の執筆やセミナー講演をさせてもらえるようになりました。いまは、ブログで生きています。日本で一番詳しくWiMAXを計測しました。Reserved.ホームメニューフォローシェアおすすめトップTwitterSNSでシェアツイートシェアはてブLINEPocketCLOSE。