faviconの変更方法
faviconの変更方法を記載致します。faviconとは、下図のようなブラウザのタブやURLの先頭に表示されるアイコンです。オリジナルのfaviconを作成して、特徴のあるサイトにしましょう。
favicon.icoの作り方は、本記事で記載しませんが、サイズや、ファイル名を「favicon.ico」にしなければならないといった、favicon.icoの作成ルールがあるので注意してください。これは、DreamHostのfavicon.icoルールではなく、一般的なfavicon.icoの作成のルールです。
それでは、faviconの変更方法を記載したいと思います。
faviconの変更方法について
faviconの変更は、既存のfavicon.icoファイルを差し換えるだけです。しかし、その配置場所はWordPressを使用している場合と、使用していない場合では異なるので注意が必要です。
WordPressを使用していない場合のfavicon.icoの変更方法
WordPressを使用していない場合のfavicon.icoの設置場所は、ドキュメントルート直下になります。DreamHostでは、各ドメインのドキュメントルートは、ドメイン名フォルダ直下です。
/ドメイン名フォルダ/favicon.ico
WordPressを使用している場合のfavicon.icoの変更方法
WordPressを使用している場合は、WordPressのテーマフォルダ直下がfavicon.icoの設置場所になります。
/ドメイン名フォルダ/wp-content/themes/WordPress使用テーマ名フォルダ/favicon.ico
faviconが変更されない場合の確認方法
上記の手順でfavicon.icoを設置したが、ブラウザで見るとfaviconが変更されていないといった場合、まずは、favicon.icoに直接アクセスしてみてください。アクセス方法は次の通り。
http://ドメイン名/favicon.ico
(例)
http://dreamhost-日本語ガイド.com/favicon.ico
(注意)
この方法は、dremhostを利用している場合のみ確認できます。それ以外のサーバーを利用している方は、上記のパスを入力しても表示されない可能性があります。本サイトもDreamHost上で稼働していないので、上記(例)のURLを入力しても表示されないと思います。
上記の方法で、favicon.icoに直接アクセスして、変更後のfavicon.icoが表示場合、favicon.icoは正しく変更できています。ブラウザ上で変更したはずのfavicon.icoが表示されない原因は、ブラウザのキャッシュの可能性があります。
下記の点を順番に試しつつ、favicon.icoが更新されるか確認を行ってください。
・キャッシュファイル(インターネット一時ファイル)を削除する
・ブラウザのお気に入り登録している場合、お気に入りから消す
・表示履歴をすべて消す
・ブラウザを再起動し、アクセスしなおす
・お気に入りに再登録し、お気に入りからサイトにアクセスする
以上で、favicon.icoの変更方法の説明は終わりです。手順に不明な点があれば、コメントをお願いします。
