管理者リンク付き！503 Service Unavailableエラー自作PHPファイルのダウンロード

アクセスが急増したとき用に普段から自作のエラーページ『503 Service Unavailable』を事前に作っておくと、運営者に直接連絡したいお客様に対して、リンクを置いていると対応ができますよね。

WordPrees用自作503ページで説明した内容をダウンロードして編集する箇所を説明したページです。

必要に応じて内容を編集してください。アクセス過多でエラーを出した人用の内容にしています。メンテナンスの場合は、内容をそれ用に変更してください。HTMLが分からない人用にそれぞれ変更する箇所だけ説明しますね。

503 Service Unavailable。自作エラーページ作成済みHTML
サーバーにphpファイルをアップロードする手順
1. 503.phpファイルをダウンロードする
さいごに

503 Service Unavailable。自作エラーページ作成済みHTML

アクセス急増したときに連絡できるアドレス、名前など入れてオリジナルの503エラーページに変更してください。

変更箇所は、下記79・８７行目。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>503 Service Unavailable</title>
<style media="screen and (max-width: 500px)">
h1 {
	font-size: 24px;
}
body .error-1 {
	font-size: 17px;
}
body .error-2 {
	font-size: 24px;
}
body .error-3 {
	font-size: 17px;
}
</style>
<style>
html {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, Helvetica, Arial, sans-serif;
	line-height: 1.5;
}
body {
	width: 100%;
	max-width: 640px;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin: 0 auto;
}
.error {
	padding: 1em;
	background: #fafaff;
	border: 1px solid #ddd;
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
	line-height: 1.7;
	word-wrap: break-word;
	margin-bottom: 3em;
}
.error-1 {
	font-size: 25px;
	color: #ff0000;
}
.error-2 {
	font-size: 35px;
	margin: 0.8em 0;
}
.error-3 {
	font-size: 22px;
	margin-bottom: 1em;
	color: #808080;
}
.error-4 {
	font-size: 20px;
}
footer {
	padding: 20px 0;
	font-size: 80%;
	text-align: center;
}
</style>
</head>
<body>
<div>
<h1>503 サービスを利用できません</h1>
<div class="error">
<div class="error-1"><p>アクセス急増のため規制がかかり</br>ぺージが表示できません。</p></div>
<div class="error-2">503 Service Unavailable</div>
<div class="error-3">時間を置いてお越しくださること</br>心よりお待ちしています＾＾</div>
<p>ブログ名　運営者：<a href="連絡先URL" target="_blank">表示名</a></p>
</div>
<p class="error-4">只今アクセスが急増のため規制がかかり、「サービスは利用できない」と意味の503 Service Unavailableを表示しています。</p>
<p>お手数かけて申し訳ございません。</p>
<p>サーバーは、ブログやサイトにアクセスがあれば表示させる場所です。一般的な共有サーバーを使っているため、共有する他サイトに迷惑がならないよう、制限がかかってる状態です。</p>

</div>
<footer>
&copy;ブログ始めた年-<?php echo date('Y'); ?> ブログ名
</footer>
</body>
</html>