ロリポップで404.htmlを変える


投稿日:2011年9月2日
  • 2
  • 0



自分のサイト専用のNot Foundページを作る

ロリポップって名前の印象がどうしても馴染めないのはさておきw
ロリポップは良いサーバですが、「404 not found」や「サーバエラー」を出すと広告たっぷりのページに飛ばされるのがいただけない。
デフォルトでは極シンプルなページを用意するべきだ。
特にお金が発生しているのだから。

と、愚痴ってもしょうがない。気に入らないなら自分専用の「404ページ」を作りましょう。


404ページ作成方法

  • htaccess.txt
  • 401.html
  • 403.html
  • 404.html
  • 500.html

この5つを用意。
エラーについての詳細を見て何かを判断する人はいないと思うので、基本コピペで構いません。サイトのエラーとわかるようにロゴを配置すると効果的です。
ロゴをクリックするとホームへ移動するような動線の確保も忘れずに。

続いて「htaccess.txt」というファイルをテキストエディタで制作。

<div style="background-color: #f0f0f0; border: 1px solid gray; padding: 20px;">ErrorDocument 401 /401.html
ErrorDocument 403 /403.html
ErrorDocument 404 /404.html
ErrorDocument 500 /500.html</div>

と記述して、サイトの一番上のディレクトリにhtmlファイルと一緒にアップロード。その後FTPソフトで名前を「.htaccess」に変更、属性を「604」にすると完成です。


話は変わりますが、凄く凝った404ページって「そんなことに労力使うならリンクちゃんとしろよ!」と言われそうで、なんか抵抗が。
私だけでしょうか?w

404ページ」といった具合に存在しないベージにアクセスするとオリジナルの404ページが表示されました。


現在のページを共有する



現在のページに関連する記事

WordPressで表(テーブル)を簡単に追加したい WordPressで表(テーブル)を簡単に追加したい
WordPressの整形済みテキストがはみ出す WordPressの整形済みテキストがはみ出す
WordPressにSyntaxHighlighterを導入しよう WordPressにSyntaxHighlighterを導入しよう
ロリポップで404.htmlを変える これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方
PukiWikiでテーブルの回り込み PukiWikiでテーブルの回り込み
WordPressのデザインを更新 WordPressのデザインを更新
PukiWikiの初期設定 PukiWikiの初期設定

おすすめの記事

初めてでも理解できるようになる「Firefox機能拡張の開発」

初めてでも理解できるようになる「Firefox機能拡張の開発」

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集できる投稿画面を作る方法

Custom Post Type UIでカスタム投稿を作って、誰でも簡単に編集…

Apacheのmod_expiresでファイルタイプごとにキャッシュをコントロールする方法

Apacheのmod_expiresでファイルタイプごとにキャッシュをコント…

Excelでセルとセルの間をダブルクリックすると移動する機能を停止する方法

Excelでセルとセルの間をダブルクリックすると移動する機能を停…

Norikraの使い方をサンプルのクエリとイベントを交えて解説

Norikraの使い方をサンプルのクエリとイベントを交えて解説

誤って削除したGoogle Chromeのブックマークを復元する方法

誤って削除したGoogle Chromeのブックマークを復元する方法

日々の単純作業を自動化できるUWSCの使い方(入門・書式編)

日々の単純作業を自動化できるUWSCの使い方(入門・書式編)

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!

知らなきゃ損!WordPressの表(テーブル)はExcelで作ろう!


いただいたコメントなど

  1. ピンバック: サイトリニューアルについての注意点(.htaccessと404.html) | パソコン倶楽部りんご

コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。