作成中ページ、工事中ページの作り方



現在、1ヶ月程で完成する予定のWebサイトを作成しています。

子持ち主婦が再就職する方法

女性活用が叫ばれている昨今です。
とても残念に思うのが、女性自身が「子持ちだと再就職できない」という思い込みを持っていること。
そんな思い込みをまずは打ち砕きたいと思って作成しているサイトです。

記事内容も構成も決まっているので目次は完成しています。
現状、記事更新の度に全てのページの目次部分のリンク先を修正するのが面倒臭くて仕方ありません。

ですので下記の方法を考え付いて実践してみました。

  • 目次部分のリンク先は、サイトが全て完成した時のリンク先と同様とする。
    (そこから作成していないページへ飛ぶと、404エラーが出ることになります。)
  • 404エラーに飛んだら、.htaccess設定でエラーページに飛んでもらう。
  • エラーページを「工事中ページ」として作成し、5秒後にトップページに飛ぶ。

サイト完成までの一か月間はこれでしのごうと思います。

実際に作成してみました。

エラーページ(工事中)ページの作成

まずはエラーページ(工事中)ページから作成します。
名称をerror.htmlとして、デザインは他のページと同様に。

・記事作成中である旨
・1ヶ月でサイトが完成する旨
・5秒後にトップページに移動する旨
・移動できなかった場合の、トップページへのリンク先

を明記しました。

5秒後にトップページに飛ばす方法は下記を参考にしました。

Future Shop様:アクセスされたページから別のページへ転送する設定

ヘッダー内に

<meta http-equiv="Refresh" content="5;URL=http://shufu.rippoutai.com/" />

と書くだけなので簡単です。

このようなページになりました。
エラーページ 工事中ページの見本

.htaccessファイルを作成する

.htaccessファイルの作り方は下記を参考にしました。

ネットマニア様:404エラーページをカスタマイズする!

メモ帳(Windowsの場合)を開き、下記を入力します。

ErrorDocument 400 http://shufu.rippoutai.com/error.html
ErrorDocument 401 http://shufu.rippoutai.com/error.html
ErrorDocument 403 http://shufu.rippoutai.com/error.html
ErrorDocument 404 http://shufu.rippoutai.com/error.html
ErrorDocument 500 http://shufu.rippoutai.com/error.html

※もちろんおわかりかと存じますが、URLは適宜修正願います。
エラーが出た際にエラーページに飛ばす.htaccessファイルの内容

ファイル→名前を付けて保存
で保存を行いますが、この際に

ファイル名 .htaccess
ファイルの種類 すべてのファイル(*.*)

として下さい。
特殊なファイル形式なので、こうしないと保存できません。
.htaccessファイルの保存の仕方

これをお持ちのレンタルサーバーにアップロードすればOKです。
(レンタルサーバーによって異なりますが、私が使用している激安サーバー、ロリポップレンタルサーバーでは問題なく動作しました。)

なお、ネットマニア様の例文より対応エラーを多くしています。

各エラーについてYAHOO知恵袋にわかりやすい回答があったので引用します。
403エラー 404エラー 500エラー 503エラー それぞれの意味を教えてください。

基本的に400番台は見る側が悪い。500番台はサーバーが悪い。

403
一般の人は見ちゃダメよ、っていうページにアクセスした場合のエラー。別名「君には絶対見せない!」

404
そんなページないってば、っていうアドレスにアクセスした場合のエラー。別名「何探してんの?」

500
おいおい、プログラム間違ってんじゃねぇの? っていうエラー。たいていはCGIスクリプトの設定ミス。

503
只今大変混みあってまぁ~~す、の状態。サーバメンテ中や、中国からのDOS攻撃の際に出ることも。

他にメジャーなのは以下。

400
アドレスに変な文字いれるんじゃねぇボケぇ!

401
パスワードが違うんじゃボケぇ!

目次部分のリンク先を整える

これは各々のサイトによって違うと思うので、割愛します。

全て完成したら、サーバーにアップロードすれば完了です。
これで更新作業が楽になり、文章作成に集中できるようになりました。

シェアする

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

関連記事

  1. スマホ表示されたヨメレバCSS
  2. アフィリエイトサイトの構成図
  3. Ustream配信開始
  4. googleanalytics設定画面
  5. 可愛い3Dの炎
  6. icooonmono様からお借りしたチーターアイコン

コメントをお待ちしております

Rippoutai管理人


モノづくり起業を応援するRippoutai管理人、電気女子の顔写真です


電気女子(はまこ)

ワーキングマザーをしながら、サイドビジネスで小型電子モジュールの製造・販売をしています。
クラウドファンディングで1000%支援達成の実績あり。

モノづくり副業応援!
山梨起業応援!

アーカイブ