WordPressを最近始めた方でブラウザのタブの部分がWordPressのロゴになってしまい困っている方がいるのではないでしょうか。
↓↓↓この部分です。
この部分はファビコンというのですが、実はWordPressバージョン5.4から、サイトにファビコンを何も設定していないとWordPress側で自動的にWordPressのファビコンを表示させるようになっているのです。
いかにもWordPressの初心者！みないなイメージにもなりますし、仕事で使うホームページであればちょっとカッコがよくないですね。
今回はこのファビコンを設定したり、ファビコン自体を表示しない簡単な方法を３つご紹介いたします。
いずれもプラグインを使わずにできますのでぜひ設定してみてください。
ファビコンを設定する3つの方法
WordPressファビコンを設定するにはいくつか方法がありますが以下の３つが手軽にできる方法です。
- WordPressの管理画面からファビコンを設定する
- favicon.icoをアップロードする
- ファビコン自体を表示させないようにfunction.phpに設定する
順番にご紹介いたします。
※注意点として、ファビコンを初めて設置した直後はすぐには表示されない場合があります。何度かリロードしたり、キャッシュを削除してみてください。
WordPressの管理画面からファビコンを設定する
古いバージョンの場合、プラグインなどを使っていましたが、現在は管理画面から画像ファイルがあれば設定できます。
管理画面の「外観＞カスタマイズ」から「サイト基本情報」を開きます。
このサイトアイコンからメディアに登録された画像を選択すればファビコンとして設定できます。正方形で表示されるので512×512ピクセル以上のサイズで登録してください。
プレビューでもみることができます。画像ファイルさえあればできるので一番手軽な方法だと思います。
favicon.icoをアップロードする
表示したい画像をjpg、gif、pngなどの画像ファイルで用意してicoに変換してFTPでアップロードする方法です。
画像変換に手間はかかりますが、標準的なファビコンの設定方法です。
アイコンにしたい画像を用意する
まずはアイコンにしたい画像ファイルを用意しましょう。指定可能な画像タイプはjpg、gif、pngで、512×512～700×700ピクセル画像が推薦サイズです。
icoファイルに変換する
こちらのサイトでアイコンにしたい画像をアップロードするとicoファイルを生成してくれます。
様々なサイズで出力されますがひとつあれば大丈夫です。一番大きいサイズでいいのでファイル名を「favicon.ico」に変更します。
ファイルをアップロードする
FTPソフトでホームページのルートディレクトリ（トップページが表示されるディレクトリ）にfavicon.icoをアップロードします。
基本的にはicoファイルをルートにアップすればファビコンは表示されるようになっているのでこれで表示されるはずです。
まれに表示されない場合があります。その場合はWordPressであれば、テーマファイルのheader.phpにファビコンを読み込む記述を追加してください。
ドキュメントルートにfavicon.icoを設置する場合
|
1 2 |
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon"> |
ファビコン自体を表示させないようにfunction.phpに設定する
アイコンの画像自体をつくるのもめんどくさいし、ファビコン自体を表示させたくない、という場合はfunction.phpで表示させない設定をすることもできます。
ご利用のテーマのfunction.phpをダウンロードしてテキストエディタで開き、以下のコードを張り付けてアップしてください。
|
1 2 3 4 5 |
/*favviconを表示しない*/ function wp_favicon_delete(){ exit; } add_action("do_faviconico", "wp_favicon_delete"); |
これでファビコン自体表示されなくなります。
オリジナルのファビコンを設定しよう
ファビコン自体はSEOであったりアクセスアップには関係はありませんが、お気に入りに入れると表示されたり、タブに表示されるので結構目立ちます。
企業などでロゴがあるのであればそれを使いますが、個人のブログなどであれば特にロゴもないので悩みどころです。
フリーソフトなどで簡単な画像を作るのがいいと思いますが、表示できる面積も小さいですし、センスが問われるところです。
ココナラ
などで依頼してオリジナルのアイコンを制作してもらうのも一つの方法としてありだと思います。センスのいいファビコンを用意してサイトの見栄えをよくしていきましょう。
まとめ
WordPressで自動で表示されるファビコンを表示させない3つの方法をご紹介いたしました。
- WordPressの管理画面からファビコンを設定する
- favicon.icoをアップロードする
- ファビコン自体を表示させないようにfunction.phpに設定する
簡単に設定できるのでWordPress標準のファビコンが表示されている方はぜひ試してみてください。
最後まで読んでいただきありがとうございました。
コメント