【WordPressでオリジナルサイトを作ろう】⑲エラーページ編

最終更新日2026.01.19

WordPress

HTMLのコーディングスキルだけでも案件はとれます。

大事なのはスキルの幅ではなく経験と実績です。未経験から実務で “通用する人としない人の違い” をまとめた無料メール講座を用意しました。

さらに、特典PDFとして、『コーディング中級者が案件獲得前にやるべきこと8選』をプレゼント中です。

無料でメール講座を受け取る

最後にエラーページの作成を行います。

WordPressのエラーページは「404.php」というファイルに記述します。
「404.php」を作っておくことで、存在しないURLが指定された場合にこのファイルが呼び出されます。

エラーページでよく行う設定は下記の2つです。

①：ページが存在しない旨のメッセージを表示する
②：トップページへリダイレクトさせる

今回は、試しにそれぞれの設定を行ってみましょう。

404.phpの作成

まずは、テーマディレクトリの直下に、エラーページ用のテンプレートファイル「404.php」を作成します。

C:\Users\ユーザー名\Local Sites\blog\app\public\wp-content\themes\blog\404.php

①：ページが存在しない旨のメッセージを表示する

ページが存在しない旨のメッセージを表示します。
「404.php」に下記のコードを記述します。

    404.php
    
<?php get_header(); ?>

<div id="container" class="wrapper">
  <main>
    <h1>ページが存在しません。</h1>
  </main>

  <?php get_sidebar(); ?>
</div>

<?php get_footer(); ?>

それでは、表示してみましょう
URLに存在しないURL「http://blog.local/a」を入力してみます。

上記の通り「ページが存在しません。」というメッセージが表示されていればOKです。

トップページへリダイレクト

次に、トップページにリダイレクトさせる設定を試してみましょう。

「404.php」を開き、先ほどのコードを消してから下記のコードを記述します。

    404.php
    
<?php
  wp_safe_redirect(home_url(), 301);
  exit;
?>

WordPressのリダイレクト

WordPressではリダイレクトのための関数が2つ用意されています。
使いわけは主に下記の通りです。

wp_safe_redirect	同じWordPress内のページにリダイレクト
wp_redirect	他サイトにリダイレクト

ステータスコード

リダイレクト関数の第2引数に指定するコードです。
リダイレクトでよく使うステータスコードは下記の2つです。
引数を省略した場合は、初期値の「302」が設定されます。

コード	意味	説明
301	恒久的な移動	永遠にリダイレクトさせたままの場合はこちらを指定。（一般的にSEOの評価を引き継ぐ）
302	一時的な移動	一時的な設定で後で元に戻す場合はこちらを指定。（一般的にSEOの評価を引き継がない）