WordPress ファビコンを設置する方法

目次

 

今回は、WordPressでファビコンを設置する方法をご紹介。

 

ファビコンとは?

ファビコンとは、ブラウザでインターネットを閲覧した時、

ブラウザのタブ部分に表示されるアイコンのことです。ちなみにこんな感じのアイコンです↓

 

 

ブラウザで複数のタブを開いてネットを閲覧している時や、

お気に入りから、目的のサイトを探す時に目印となるアイコンです。

 

よって、必ずサイトにファビコンを設置しないといけない、ということではないですが

ユーザーがサイトを判別しやすくなる、探しやすくなる

といった観点から、ファビコンを入れないよりは、入れておいたほうが良いでしょう。

 

 

ファビコン作成ツールのご紹介

ファビコンは画像のサイズが非常に小さいため、普通に画像を作成して設定しようとしても

表示がおかしくなってしまいます。

 

なので、ファビコンを作成するツールというのがありますので

今回は、複数あるツールの中から、いくつかおすすめのものをご紹介します。

 

■FavIcon from Pics

⇒ http://favicon.htmlkit.com/favicon/

 

PhotoshopやIllustratorを使って、自分で元の画像を作れる、作りたい。

JPEGやPNGでファビコン用の画像がすでにある。という場合に、オススメのツールです。

 

画像をアップロードし、クリックするだけで

ファビコンに最適な画像サイズに変換してくれます。(今回の動画で使い方を解説しています)

 

 

■Favicon generator

⇒ http://favicon-generator.org/editor/

 

ファビコンの元画像がなくて、ゼロから作りたい。

PhotoshopやIllustratorを持っていない。といった場合にオススメのツールです。

 

昨日が非常にシンプルなので、感覚的に操作して作成することができると思います。

ただシンプルすぎるので、Photoshopなどを使いこなしている。

な〜んて方には、少し機能不足に感じるかもしれません。

 

 

■favicon.cc

⇒ https://www.favicon.cc/

 

「Favicon generator」同様、ゼロからファビコンを作成できるツールです。

 

登録やダウンロードなども不要で、サイトにアクセスすれば、すぐに作成できます。

操作も特に難しいことはなく、感覚的にファビコンを作成することができます。

 

 

ファビコン作成時の注意事項

実際に、ご自身のブラウザに表示されるファビコンを見ればわかりますが

ファビコンはサイズが非常に小さいので、あまり凝ったものを作っても、わかりづらくなるだけ。

 

なので、ファビコンを作成する時は、画像は出来る限りシンプルなものにすることが大事です。

 

またシンプルでありながらも、ファビコンの並びの中で

自分のサイトをいかに目立たさせるか、を意識して作成すると良いでしょう。

 

なかなか、イメージがわかないようなら

他のサイトのファビコンを参考にしながら、作成しても良いと思います。

 

 

WordPressにファビコンを設置する

ファビコンの設置は、従来はタグをいじって設置する必要がありましたが

WordPressならば、プラグインを使ってカンタンに設置することができます。

 

ファビコンが設置できるプラグインは、いくつかありますが

オススメなのは「Favicon Rotator」※インストール時、コピペして検索してください

とうプラグインです。

 

難しい操作もなく、カンタンにファビコンが設置できます。

 

設置方法は、動画で解説していますので、以下よりご覧ください↓

 

 

まとめ

最初に書いたように、ファビコンは必ず設置しなきゃいけないものではないですが、ファビコンを設置していないサイトは、ブラウザで表示した時、アイコンの部分が白くなってしまいます。

 

これもすでに書いたように、白いアイコンだとユーザーがサイトを探しづらくなるし、他のサイトがファビコンを設置している中で、自分のサイトが白いままだと単純にかっこ悪いし、ファビコンを設置しているサイトよりも、サイト自体がちょっと下に見られてしまう可能性も。

 

サイト全体の印象や見た目をよくするためにも、会社のサイトはもちろん、個人で運営しているサイトでも、ファビコンを設置することをオススメします。

 

ではでは、今回はこのへんで。

関連記事

  1. 誰もが使うべきYouTube拡張機能!動画の見たい位置でブックマークできる 「Bookmark It」

    誰もが使うべきYouTube拡張機能!動画の見たい位置でブックマークできる 「Bookmark It…

  2. GW ゴールデンウィーク 高速道路 渋滞予測 Yahooカーナビ

    ゴールデンウィークの高速道路渋滞予測をYahooカーナビが公開

  3. タイプミスの修正に便利!文章入力中に文頭・文末に一瞬で移動できる便利技

    タイプミスの修正に便利!文章入力中に文頭・文末に一瞬で移動できる便利技

  4. 左利きの人は「Ctrl+C」「Ctrl+V」より便利?右手だけでショートカットキーを使ってコピー&ペーストするテクニック

    左利きの人は「Ctrl+C」「Ctrl+V」より便利?右手だけでショートカットキーを使ってコピー&ペ…

  5. Youtubeで動画の早送りや巻き戻しをより素早く行うテクニック

    Youtubeで動画の早送りや巻き戻しをより素早く行うテクニック

  6. 今すぐ見直したいLINEの設定【2】 友だち自動追加をオフにして勝手に追加されてスパムメッセージが来るのを防ぐ

    今すぐ見直したいLINEの設定【2】 友だち自動追加をオフにして勝手に追加されてスパムメッセージが来…

  7. わからない言葉を素早く検索 Microsoft Edgeのサイドバー検索がめちゃくちゃ便利!

    わからない言葉を素早く検索 Microsoft Edgeのサイドバー検索がめちゃくちゃ便利!

  8. ブラウザ トップページ 変更 Chrome 

    ブラウウザのトップページが勝手に変わってしまった場合の対処方法

  9. 今すぐ見直したいLINEの設定【6】LINEへの情報の提供をオフにする

    今すぐ見直したいLINEの設定【6】LINEへの情報の提供をオフにする

広告





おすすめ記事

  1. RakutenWiFiPocket 楽天ワイファイポケット 楽天モバイル アップデート
  2. フィッシング詐欺 スミッシング SMS ドコモ口座不正出金
  3. マスク 品薄 マスク在庫速報 価格
  4. 転職 IT Web業界 エンジニア
  5. PayPay ペイペイ 登録方法

人気記事

  1. Windows11のエクスプローラーで以前のようなリボンメニューが使えるようになる小技
  2. Webブラウザーのフォントが突然変わった?Microsoft Edgeの標準フォントを変更する方法
  3. 目的の情報が見つかる!Google検索テクニック【7】特定の場所を限定してピンポイントで検索をする
  4. Webブラウザーのフォントが突然変わった?Google Chromeの標準フォントを変更する方法
  5. iPhoneのSafariでコピーしたテキストを使って素早く検索できるちょっとした小技
  6. 「Copilot」使っていますか?スクリーンショット内の文字のテキスト化がめちゃくちゃ便利!
  7. 目的の情報が見つかる!Google検索テクニック【9】特定のサイト内に絞ってキーワード検索する方法
  8. Windows11に切り替えたら最初に設定しておきたい初期設定【10】自分が文字入力した情報送信をオフにする
  9. Windows11に切り替えたら最初に設定しておきたい初期設定【8】オンライン音声認識をオフにする
  10. Windows11でOneDriveをPCの起動と同時に自動起動させないようにする方法
PAGE TOP