自分のサイトをお気に入り登録したときに、あれ?アイコンがないなあと気づきました。
アイコンはどうやって設定出来るんだろう?と調べていくと、favicon(サイトアイコン)を登録する必要があるとのこと。
そこで、favicon(サイトアイコン)について調べてみました。
目次
favicon(サイトアイコン)について
favicon(サイトアイコン)は以下の用途で使用される。
- ホームページのタブ部分に表示されるアイコン
- ホームページをお気に入りに登録した際のアイコン表示
では、実際にWordPressのfavicon(サイトアイコン)を登録した際の手順を紹介していきます。
favicon(サイトアイコン)設定手順
実行環境
- WordPress5.3
- x-icon editor
「x-icon editor」でアイコンの作成
favicon作成用のWEBサイト「x-icon editor」でアイコンを作成してみる。
x-icon editor
http://www.xiconeditor.com/
適当な画像を作成する。
※画像作成前に画像サイズを選択してください。
デザインセンスは皆無なので、後ほど別の人に再作成してもらおうと思います。
デザインが出来たら、「Export」→「Export your icon」で画像の作成が出来る。
出来たファイル名は「favicon.ico」。
WordPressにアイコン登録
テーマによるかもしれませんが、、 ダッシュボードのサイトをカスタマイズ→サイト基本情報部分→にサイトアイコンがある。
そこで、「サイトアイコンを選択」→「ファイルを選択」で先程のファイルをアップロード。
これでサイトアイコンの登録が出来た!