WordPressのテンプレートで404エラーページを作成する

WordPressのテンプレートで404エラーページを作成する

当ブログの404エラーページを作成しました。Webサイトでは、存在しないページを開いたとき「404」や「Not Found」などのエラーメッセージが表示されます。エラーメッセージは通常ブラウザーに用意されているものが表示されますが、404エラーを表示するためのページを用意しているサイトも多くあります。今回はWordpressで404エラーページを作成する方法をまとめておきたいと思います。

WordPressでは404エラーが発生した場合、優先的に index.php が表示されるようになっています。そのままではトップページが表示されてしまい、存在しないページへアクセスしたことがユーザーにわかりにくくなってしまいます。そのため、404エラーの際に専用のページを表示できるようにテンプレート「404.php」を作成します。

404.php

ページの構成はpage.phpとほとんど変わらないかと思います。404.phpファイルのエラーメッセージを表示させたい位置に下記を記載します。

<!-- 404.php -->
<h1>404 Error...</h1>
<p>[ http://<?php echo esc_html($_SERVER['SERVER_NAME'].$_SERVER['REQUEST_URI']); ?> ]</p>
<p>お探しのページは存在しないURL または 削除されたページの為見つかりませんでした。<br />
<a href="<?php echo home_url(); ?>">Home</a></p>

echo esc_html($_SERVER[‘SERVER_NAME’].$_SERVER[‘REQUEST_URI’]); で、404エラーとなったページのURLを表示することができます。ホームへ戻るリンクも表示させていますが、必要なければエラーメッセージだけでも良いかもしれません。

404.phpを作成したことで、存在しないページにアクセスすると自動的に用意したエラーページへ移動させることができるようになりました。普段は意図的に閲覧されるページではありませんが、サイトごとに特色のあるページが用意されていることもあるので偶然素敵なページに出会えるかもしれません。

Share on Twitter
関連記事
ショートコードの表示がページ上部にしか出てこないときの解決策
ショートコードの表示がページ上部にしか出てこないときの解決策
WordPressで記事の公開日と最終更新日を表示する方法
WordPressで記事の公開日と最終更新日を表示する方法
WordPressプラグインBreadcrumb NavXTでパンくずリストを表示する方法
WordPressプラグインBreadcrumb NavXTでパンくずリストを表示する方法