新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

さくらインターネットで403及び404エラー表示をカスタマイズ

   

  • このエントリーをはてなブックマークに追加

1年以上前の記事です。内容が古い可能性があります。

以前、自宅サーバーでやっていたことをさくらインターネットでもやりたい。
ということで、さくらインターネットで403エラー及び404エラーのページを自由に作る方法を探してみました。

WEB

スポンサーリンク
 

まず見つかったのがこちら。

さくらインターネット htaccess Options 使えない 代替方法 | ANNAI
これはエラー表示ではなく、ディレクトリにアクセスしたときにディレクトリ内のファイルが表示されてしまうことに対しての対策。
本来、「.htaccess」に「Options -Indexes」と書けば簡単に済むのだが、さくらインターネットでは「Options」が使えない。

解決策としては「さくらインターネット」にアクセスし

  1. サーバーコントロールパネルでファイルマネージャーをクリック。
    htaccess設定01
  2. 右上「ウェブアクセスの設定」をクリック。
    htaccess設定02
  3. 下の方「Indexファイル」の項目の「アクセスを拒否」するにチェック。「変更を送信」をクリック。
    htaccess設定03

とやるといいのだが、これをするとサーバーにアップされている「.htaccess」に以下の一文が追加される。
(アップされていない場合は新しく「.htaccess」が作られる。)

DirectoryIndex index.html index.htm .ht

これを踏まえた上で以下の記事を参考に。

小粋空間: 404 エラーページを作る

ErrorDocument 403 /error/error_403.html
ErrorDocument 404 /error/error_404.html
DirectoryIndex index.html index.htm .ht

と書かれた「.htaccess」を用意

さらに「error」 フォルダに「error_403.html」と「error_404.html」というHTMLファイルを用意する。

それぞれ 「error_403.html」がアクセス権のないファイルやディレクトリにアクセスした時のエラー表示。
「error_404.html」が存在しないディレクトリやファイルにアクセスした時のエラー表示になり、これは通常のHTMLファイルのようにデザインすることが可能。

次にそれぞれのファイル及びディレクトリ(フォルダ)をさくらサーバーの「www」フォルダ内にアップロード。
以下のように配置されていればOK。

www ┬ .htaccess
    └ error ┬ error_403.html
            └ errot_404.html 

以上。

以下、.htaccessのちょっと詳しい解説。

ErrorDocument 403 /error/error_403.html

403エラーの時に「error_403.html」を開くように指定している。
「ErrorDocument」は.htaccessに書くことのできる命令の一つ。

ErrorDocument 404 /error/error_404.html

同上。
401エラー(パスワード認証に失敗したとき)や500エラー(サーバーエラー)のときも同様に指定できる。

DirectoryIndex index.html index.htm .ht

「DirectoryIndex」でディレクトリにアクセスしたときに開くファイルを指定できる。
上記の場合「index.html」を探してなければ「index.htm」を探し最後に「.ht」を表示させるということになる。

 - サーバー・ネットワーク, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

Windows 10にいつでもアップグレードできてWindows 7を使い続ける方法

1年以上前の記事です。内容が古い可能性があります。なるほどこの手があったのか。 …

著作権法が改正され私的利用でもコピーが違法になる

1年以上前の記事です。内容が古い可能性があります。著作権法が一部改正されるらしい …

Webカメラ(パソコンのカメラ)で「覗き」が行われていないか(覗かれていないか)調べる方法

1年以上前の記事です。内容が古い可能性があります。以前、Webカメラ(パソコンの …

no image
Google Chromeでページランクを確認する方法

1年以上前の記事です。内容が古い可能性があります。個人用のAspire ONEに …

間違って購入しちゃったiPhoneアプリは返品できる

1年以上前の記事です。内容が古い可能性があります。僕は経験ないが、iPhone( …

Instagram(インスタグラム)→Flickr(フリッカー)→Twitter(ツイッター)の連携方法

1年以上前の記事です。内容が古い可能性があります。「僕のInstagram(イン …

Yahoo!ブログにケータイから画像アップでトラブル

1年以上前の記事です。内容が古い可能性があります。どんな仕様なんだと息巻いてしま …

Illustrator、Photoshopが起動しない。「コンピューターにMSVCR100.dll(MSVCR110.dll)が無いためプログラムを開始できません」の対処法

1年以上前の記事です。内容が古い可能性があります。年明け早々、自分のパソコンの「 …

Tumblr(タンブラー)を自分の言葉でつぶやこう(ツイッター連携時に自由にツイートする方法)

1年以上前の記事です。内容が古い可能性があります。Tumblr(タンブラー)とツ …

こんどは先方からのメールが届かない!!

1年以上前の記事です。内容が古い可能性があります。日曜だというのに会社のプランナ …

血液型オヤジ