自分のサイトをお気に入り登録したときに、あれ?アイコンがないなあと気づきました。

アイコンはどうやって設定出来るんだろう?と調べていくと、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にアイコン登録

テーマによるかもしれませんが、、 ダッシュボードのサイトをカスタマイズ→サイト基本情報部分→にサイトアイコンがある。

そこで、「サイトアイコンを選択」→「ファイルを選択」で先程のファイルをアップロード。

これでサイトアイコンの登録が出来た!