2010
Mar
8

HTTPエラーページをカスタマイズ

404

簡単に作られ消えていくブログの404エラーくらいしか遭遇する機会はあまりないかもしれない。でもどうせなら予め用意されたデザインや白背景に黒文字の無愛想なエラーじゃなく、ちょっとユニークなエラーページを作ってみたい。

BLUEFOXでは5つのエラーページが自作のページに設定されています。
認証に失敗した時に表示される401
ルパン三世には侵入されたみたいです。

アクセス権が無い時に表示される403
関係者以外立ち入り禁止区域に入るのは危険でございます。

ページが見つからない時に表示される404
もう使われていない土地にある立ち入り禁止や売地の汚い看板をイメージ。鳥の糞が付いてたりね。

サーバーの内部エラーが発生した時に表示される500
テントウムシ(バグ)にソース食われてます。

メンテナンスな過負荷でページが表示できない時の503
工具。

ということで設定方法。
.htaccessファイルで以下のように設定するだけ。

ErrorDocument 404 /xxxxx/error-404.html #相対URLを設定した場合はエラーURLに直接表示される

または

ErrorDocument 404 http://www.example.com/xxxxx/error-404.html #絶対URLを設定した場合エラー用ページにリダイレクトする

前者はアクセスしたURLに直接表示されるので、エラー用ページで使用する画像やリンクは絶対URLで書くかベースURL指定するように。

ほかのエラーも同様に

ErrorDocument 401 /error-401.html
ErrorDocument 403 /error-403.html
ErrorDocument 404 /error-404.html
ErrorDocument 500 /error-500.html
ErrorDocument 503 /error-503.html

という感じで設定すればOK!…のはずです。

Response

Trackback URI
Add your comment
 (必須)
 (必須) (非公開)

いくつかのスタイル指定用 HTMLタグが使用できます。

Gravatar