MAMP環境でのファビコン設置方法

htdocs内に配置しても意味が無い

単純にfavicon.icoをhtdocsフォルダ内に設置してもファビコンは反映されません。 MAMPの場合、HTMLファイルは通常通りhtdocs内に配置しますが、ファビコンだけは別の場所に設置しなければならないようです。

対応策としては、指定フォルダにファビコンを配置する方法と、Apacheの設定を変更する方法の2種類があります。

手っ取り早く問題を解決したい場合は1つ目の方法と取りましょう。2つ目の方法はMAMPをより本番環境に近づけるための上級テクニックです。

> 指定フォルダにファビコンを設置する場合
> Apacheの設定を書き換える場合

指定フォルダにファビコンを設置する場合

MAMP環境でのファビコン設置場所は以下のフォルダーに指定されています。

/Applications/MAMP/bin

MAMP環境でのファビコン設定場所に移動。既にデフォルトのfavicon.icoが存在している

既に配置されているデフォルトのfavicon.icoを自身が作成したファビコンに置き換えれば目的は達成できます。

ブラウザのキャッシュ機能との関係から、実際に自作のファビコンが表示されるまでには少し時間が掛かるります。

Apacheの設定を書き換える場合

こちらの方法であれば本番環境と同等に、htdocsへのfavicon.ico設置が可能になります。 こちらの方法の方が後々ファイル管理も楽になるかと思います。

以下の設定ファイルの352行目付近をコメントアウトします。

/Applications/MAMP/conf/apache/http.conf
Alias /favicon.ico "/Applications/MAMP/bin/favicon.ico"
↓
#Alias /favicon.ico "/Applications/MAMP/bin/favicon.ico"

テキストエディタでApacheの設定ファイル「httpd.conf」の352行目付近をコメントアウトし、MAMPのファビコン配置場所を変更

変更後はMAMPを再起動しましょう。 ブラウザのキャッシュがなくなった頃に自作のファビコンが表示されるようになります。

広告