HostGatorでサイト運営をされている方のfaviconの変更方法を解説致します。faviconとは、下図のようなブラウザのタブなどに表示されるアイコンのことです。
favicon自体の作り方は、本記事では割愛しますが、16px × 16pxといった決められたサイズや、ファイル名を「favicon.ico」にしなければならないといった、favicon.icoを作成するルールがあるので注意してください。これは、HostGator独自に決められたルールではなく、一般的なfavicon作成のルールです。
それでは、faviconの変更方法を記載したいと思います。
faviconの変更方法について
faviconの変更は、既存のfavicon.icoファイルを差し換える、もしくは、既存のファイルがなければ指定の場所にfavicon.icoを置くだけです。しかし、その配置場所は下記の３パターンにより異なってきます。
(１)プライマリドメインを使用
(２)Addonドメインを使用＆WordPress非使用
(３)Addonドメインを使用＆WordPress使用
プライマリドメインとは、HostGator申し込み時に指定したドメインのことです。このドメインはアカウントと関連が紐づけられており、通常のドメインとは扱いが異なります。どのように異なるかと言うと、ドキュメントルートの構成が後から追加するドメイン(Addonドメイン)と異なっていたり、cPanelからの削除ができなくなっています。
※Addonドメイン
cPanelから追加した２個目以降のドメインのことをいいます。このドメインは、cPanelから自由に追加削除が可能です。ドキュメントルートは、プライマリドメインのドキュメントルート直下にドメインフォルダがあり、その下層フォルダがAddonドメインのドキュメントルートとなります。
├public_html ・・・プライマリドメインのドキュメントルート
├Domain Name ・・・Addonドメインのドキュメントルート
(１)プライマリドメインを使用する場合のfavicon変更方法
プライマリドメインの場合、「/public_html」フォルダ直下がドキュメントルートとなっています。favicon.icoの配置場所は、この「/public_html」フォルダ直下の「/public_html/favicon.ico」になります。
WordPressを使用している場合は、「/public_html」フォルダ直下に「wp-content」など、WordPress関連のフォルダが構成されますが、WordPressを使用していようが、していまいが同じ「/public_html」フォルダ直下がfavicon.icoの配置場所になります。
/public_html/favicon.ico
(２)Addonドメインを使用＆WordPress非使用の場合のfavicon変更方法
HostGatorは、Addonドメインのドキュメントルートは、「/public_html」フォルダ直下にドメイン名のフォルダが構成されており、そのドメイン名フォルダ以下がドキュメントルートとなります。
favicon.icoの配置場所は、そのドメイン名フォルダ直下のドキュメントルートになります。
/public_html/domain name/favicon.ico
(３)Addonドメインを使用＆WordPress使用の場合のfavicon変更方法
Addonドメインを使用して、かつWordPressを使用する場合のみfavicon.icoの配置場所が異なります。配置場所は、WordPressのテーマフォルダ直下になります。
/public_html/domain name/wp-content/themes/使用テーマフォルダ/favicon.ico
faviconが変わらない場合の確認方法
上記の通り、favicon.icoを配置したが、いざ、ブラウザで見るとfaviconが変わらないといった場合、下記の確認を行ってください。まずは、faviconに直接アクセスします。アクセス方法は次の通り。
http://ドメイン名/favicon.ico
(例)
http://hostgator-日本語ガイド.com/favicon.ico
(注意)
この方法は、HostGatorを利用している場合のみ確認できます。それ以外のサーバーを利用している方は、上記のパスを入力しても真っ白な画面？が表示されると思います。ちなみに、本サイトもHostGatorを利用していないので、上記の(例)のパスにアクセスしても真っ白の画面になります。
上記の方法で、favicon.icoに直接アクセスして、変更後のfaviconが表示されたのであればfaviconは正しく変更できています。ブラウザ上で変更されない理由は、ブラウザのキャッシュが原因と思われます。
下記の点を(1)から順番に試しつつ、表示の確認お願いします。
(1)キャッシュファイル(インターネット一時ファイル)をすべて削除する
(2)faviconを表示させたいサイトをお気に入りから消す
(3)履歴をすべて消す
(4)ブラウザを起動し直す
(5)サイトにアクセスし直して、お気に入りに再度入れる
(6)もう一度ブラウザを起動し直して、お気に入りから目的のサイトにアクセス
以上で、faviconの変更方法の解説は終了です。内容に不明な点があれば、問い合わせフォームからご連絡下さい。
