訪問者がいないページを要求すると、404エラーページが表示されます。 WordPressは、テーマが提供する404ページテンプレートを使用してこのページを表示します。必要に応じて404ページをカスタマイズできます。
404ページのテンプレートを効果的にカスタマイズすると、SEOにも役立ちます。
このブログの場合、去る8月末から1ヶ月ほどDDoS攻撃を継続的に受けました。 DDoS攻撃が発生すると、特定のIPアドレスを持たないURLが継続的に要求され、サーバーがそのようなHTTP要求を受け入れられなくなると、サーバーがダウンしたり正しく接続できなくなることがあります。
ディドス攻撃を受けて404ページの要求が増え、404ページを非常にシンプルに変更しました。 （今は再び元の状態に戻りました。）
シンプルな WordPress 404ページテンプレート
上の図のように WordPressでシンプルな404ページを表示したい場合 チャイルドテーマ フォルダの下に404.phpファイルを作成し、次のコードを追加できます。
<?php
// 파일 경로: your-theme/404.php
// 404 상태 코드를 명확하게 설정합니다.
http_response_code(404);
// WordPress 헤더 및 푸터를 제거하여 불필요한 로드 방지
// get_header();
// get_footer();
// 다크 모드 디자인의 심플한 HTML 404 페이지 출력
echo '<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>404 - 페이지를 찾을 수 없습니다</title>
<style>
/* 최소한의 인라인 스타일로 다크 모드 구현 */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background-color: #121212;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.container {
text-align: center;
}
h1 {
font-size: 64px;
margin-bottom: 24px;
letter-spacing: -1.5px;
}
p {
font-size: 20px;
margin-bottom: 16px;
}
a {
color: #BB86FC;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<h1>404</h1>
<p>요청하신 페이지를 찾을 수 없습니다.</p>
<p><a href="/">홈페이지로 돌아가기</a></p>
</div>
</body>
</html>';
exit;
?>404ページに画像を入れたい場合は、適切な画像を作成して追加することもできます。海外の有名サイトを訪れてみると、404ページに画像を表示することも時々見られます。
404ページの呼び出しが頻繁に発生し、トラフィックが大量に消費される場合は、シンプルにすることを検討することもできます。
ディドス攻撃の恐れがある場合は クラウドフレア（Cloudflare）に参加してドメインを連動し、Didos攻撃時にUnder Attackモードに切り替えると、ほとんどのトラフィックがクラウドフレアで余裕があるため、ある程度Didos攻撃に対する防御が可能です。
私はDidos攻撃が始まると電子メールで通知が来るように設定しました😄
コメントを残す