おすすめプラグイン

ワードプレスのファビコン設定を解説!プラグイン使用なら3分で完成

 

本記事にピッタリな方

  • ブラウザタブのアイコンを作りたい
  • ファビコンっていうのを初めて知った
  • できるだけ簡単にファビコンを作りたい

 

さるくん

ファビコンってかわいくていいですよね!

 

プラグインですぐできるので、ぜひ記事を見ていってください!

michi

 

本記事の内容

前半

後半

 

結論をいいますとプラグイン『Favicon by RealFaviconGenerator』を使うと3分でできますよ。

 

有料テーマだとデフォルトで設定項目があったりするので、それでももちろんOKです。

 

一応ですがファビコンとは下記のこと。

ファビコン

ブラウザのタブに表示されるイメージ画像ですね。

 

一般的には

  • 動物
  • 企業ロゴ

などが多いです。

 

ファビコンが設定されると、あなたのサイトに対するイメージがより具体化されますよ。

本記事を読んでいただければ簡単に設定できるのでサクッと作っちゃいましょう!

 

それでは始めていきますね。
michi

 

ファビコンをプラグイン『Favicon by RealFaviconGenerator』を使用して設定

ファビコンをプラグイン『Favicon by RealFaviconGenerator』を使用して設定

 

それでは早速設定していきましょう。

まずプラグイン『Favicon by RealFaviconGenerator』をインストール、有効化してくださいね。

プラグインFavicon by RealFaviconGeneratorをインストール、有効化

 

①ダッシュボード内『設定』→『Favicon』をクリックする。

ダッシュボード内『設定』→『Favicon』をクリック

 

②赤枠内『Appearanc>Favicon』をクリックする。

ファビコン設定

 

③赤枠内『Generate favicon』をクリックする。

Generate faviconをクリックする

 

④別サイトに飛ぶので『Select your Favicon image』をクリックし、ファビコンにする画像を選択する。

ファビコン画像の選択

画像サイズ

70×70以上(推奨は260×260以上)

ファイル形式

PNG

JPG

SVGなど

 

⑤下記がイメージ図。

ファビコンのイメージ図

 

⑥最下部にある『Generate your Favicons and HTML code』をクリックする。

ファビコンを決定

以上で終了です。

 

こんな感じになってます。

ファビコンの完成

 

あれ、反対だなんでだろ。。になったら次をご覧くださいね。

 

ファビコンをうまく設定できない時の対処法

ファビコンをうまく設定できない時の対処法

 

『画像が違う』『画像が反転してしまっている』など、設定がうまくできないときの対処法です。

 

原因として

プロフィール画像と競合している

アバター作成プラグイン『WP User Avatar』などと競合している

の可能性があります。

 

対処法としては

まず『F5』を押してキャッシュクリア(これだけで直る場合もあります)

 

ダメなら

  1. 一度プロフィール画像を削除する。
  2. F5を押してキャッシュクリア。
  3. 再びプロフィール画像を設定する。

これで私はOKでした。

 

まとめ

まとめ

 

本記事をまとめます。

 

今回はプラグインFavicon by RealFaviconGeneratorを使いファビコンの設定方法を説明いたしました。

本記事を見ていただきながらサクッと作っちゃいましょう!