本記事にピッタリな方
- ブラウザタブのアイコンを作りたい
- ファビコンっていうのを初めて知った
- できるだけ簡単にファビコンを作りたい
記事の信頼性
- 私はブログ歴2年以上でして、ブログ収益月間500万円以上を得ています。
ファビコンってかわいくていいですよね！
プラグインですぐできるので、ぜひ記事を見ていってください！
本記事の内容
前半
後半
結論をいいますとプラグイン『Favicon by RealFaviconGenerator』を使うと3分でできますよ。
有料テーマだとデフォルトで設定項目があったりするので、それでももちろんOKです。
一応ですがファビコンとは下記のこと。
ブラウザのタブに表示されるイメージ画像ですね。
一般的には
- 人
- 動物
- 企業ロゴ
などが多いです。
ファビコンが設定されると、あなたのサイトに対するイメージがより具体化されますよ。
本記事を読んでいただければ簡単に設定できるのでサクッと作っちゃいましょう!
ファビコンをプラグイン『Favicon by RealFaviconGenerator』を使用して設定
それでは早速設定していきましょう。
まずプラグイン『Favicon by RealFaviconGenerator』をインストール、有効化してくださいね。
①ダッシュボード内『設定』→『Favicon』をクリックする。
②赤枠内『Appearanc>Favicon』をクリックする。
③赤枠内『Generate favicon』をクリックする。
④別サイトに飛ぶので『Select your Favicon image』をクリックし、ファビコンにする画像を選択する。
70×70以上(推奨は260×260以上)
PNG
JPG
SVGなど
⑤下記がイメージ図。
⑥最下部にある『Generate your Favicons and HTML code』をクリックする。
以上で終了です。
こんな感じになってます。
あれ、反対だなんでだろ。。になったら次をご覧くださいね。
ファビコンをうまく設定できない時の対処法
『画像が違う』『画像が反転してしまっている』など、設定がうまくできないときの対処法です。
原因として
プロフィール画像と競合している
アバター作成プラグイン『WP User Avatar』などと競合している
の可能性があります。
対処法としては
まず『F5』を押してキャッシュクリア(これだけで直る場合もあります)
ダメなら
- 一度プロフィール画像を削除する。
- F5を押してキャッシュクリア。
- 再びプロフィール画像を設定する。
これで私はOKでした。
まとめ
本記事をまとめます。
今回はプラグインFavicon by RealFaviconGeneratorを使いファビコンの設定方法を説明いたしました。
本記事を見ていただきながらサクッと作っちゃいましょう!
今回は以上です。
