こんにちはosushiです。
今回はWordpressでファビコンを設定する方法を解説していきますので宜しくお願いします。
テーマは「アルバトロス」を使用しています。
目次
ファビコンとは
favicon（ファビコン）は、ウェブサイトのシンボルマーク・イメージとして、ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称である。 favorite icon（フェイバリット・アイコン：お気に入りアイコン）という英語の語句を縮約したものである。
噛み砕いて言うと、ホームページを表示したときにタブの表示名の頭についているマークのことです。設定しないと使用しているテーマのアイコンが使われたり新規ページのメモみたいなロゴが使用されたりします。オリジナルに設定をオススメします。
ファビコンサイズ
| 通常のファビコンサイズ | 33×33px |
| IE用ファビコンサイズ | 16×16px |
| アップルタッチ用アイコン | 144×144px |
保存形式は.png
ファビコンは小さいので凝ったデザインはなかなか難しいです。
アップルタッチ用の大き目のサイズで作成し、画像解像度を変更することで多少凝ったデザインでも作成することが出来ます。
設定方法
外観＞カスタマイズ
サイトアイコン
作成したファビコンを「画像を選択」からそれぞれアップロードします。
ファビコンが表示されていることを確認し、「保存して公開」をクリックします。
この時小さいサイズのファビコンが拡大されているため画像がぼやけますが、問題ありませんので安心して公開してください。
自分のサイトを開き、ファビコンが変更されていることを確認してください。
まとめ
いかがでしたでしょうか？今回はファビコンの設定方法を解説しました。
オリジナルのファビコンを作成して設定してみましょう。
最後まで読んでいただきありがとうございます。