* 404ページをカスタマイズする

どうも、久しぶりの投稿です。

VPSのリダイレクト設定等を全くしてなかったので、無効なURLにアクセスするとこんなページが表示されます。

404 Not Found

ApacheのデフォルトのNot Foundですね。

ださい。

ということでカスタマイズしたいー。

で、ググって出てきたページを参考にして設定してみた。

はじめての自宅サーバ構築 - Federa/CentOS -

1.errorページの参照先を変更する

/etc/httpd/conf/httpd.confを編集

<IfModule modnegotiation.c>
              <IfModule modinclude.c>
                  <Directory "/var/www/error">
                      AllowOverride None
                      Options IncludesNoExec
                      AddOutputFilter Includes html
                      AddHandler type-map var
                      Order allow,deny
                      Allow from all
                      LanguagePriority en es de fr
                      ForceLanguagePriority Prefer Fallback
                  </Directory>

ErrorDocument 400 /error/HTTPBADREQUEST.html.var

ErrorDocument 401 /error/HTTP_UNAUTHORIZED.html.var

ErrorDocument 403 /error/HTTP_FORBIDDEN.html.var

ErrorDocument 404 /error/HTTPNOTFOUND.html.var

ErrorDocument 405 /error/HTTPMETHODNOT_ALLOWED.html.var

ErrorDocument 408 /error/HTTPREQUESTTIME_OUT.html.var

ErrorDocument 410 /error/HTTP_GONE.html.var

ErrorDocument 411 /error/HTTPLENGTHREQUIRED.html.var

ErrorDocument 412 /error/HTTPPRECONDITIONFAILED.html.var

ErrorDocument 413 /error/HTTPREQUESTENTITYTOOLARGE.html.var

ErrorDocument 414 /error/HTTPREQUESTURITOOLARGE.html.var

ErrorDocument 415 /error/HTTPUNSUPPORTEDMEDIA_TYPE.html.var

ErrorDocument 500 /error/HTTPINTERNALSERVER_ERROR.html.var

ErrorDocument 501 /error/HTTPNOTIMPLEMENTED.html.var

ErrorDocument 502 /error/HTTPBADGATEWAY.html.var

ErrorDocument 503 /error/HTTPSERVICEUNAVAILABLE.html.var

ErrorDocument 506 /error/HTTPVARIANTALSO_VARIES.html.var

後ろに、以下の一行を追加

ErrorDocument 404 /error/404.html

これで完了。

2./var/www/error/404.htmlを作成

簡単なHTMLを配置。

              
              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
              <HTML>
                <HEAD>
                   <META http-equiv="Content-Type" content="text/html; charset=EUC-JP">
                   <META http-equiv="Content-Style-Type" content="text/css">
                   <TITLE>Not found sota1235</TITLE>
                </HEAD>
                <BODY>
                  <CENTER><H3>指定されたページが見つかりませんでした。</H3>
                     <H4>Error Code 404(HTTP_NOT_FOUND)</H4>
                     <p>リンク切れ、もしくは無効なURLです</p></ br>
                     <a href="sota1235.com">sota1235.com</a>
                  </CENTER>
                </BODY>
              </HTML>
              
              

3.完了!

sota1235.com/hogeにアクセスしてみると…

スクリーンショット 2013-12-13 18.29.04

できた!

こんな感じでした。


※この記事は WordPress に投稿した記事を変換したものです。一部不自然な表示があるかも知れません。ご了承ください。また、記事タイトル先頭の * は WordPress から移行した記事である印です。

comments powered by Disqus