404ページ
TOPICS
翻訳元記事はこちらです。
404ページは、ユーザーが存在しないページやまだ作成されていないページを表示しようとした場合に備えて、あなたのテーマに追加することが重要です。また、404ページは訪問者が正しい場所にたどり着く方法を提供することも重要です。
これらの次のいくつかのステップは、あなたのWordPressテーマのための有用な404ページを構築するのに役立ちます。
404.phpを作成
ページが見つからないエラーで404.phpファイルを使用しているので、まずは404.phpというファイルを作成して、WordPressのテーマフォルダに追加します。
多くの場合、404.phpはindex.phpをコピーして作成します。
ヘッダーを追加
テーマのheader.phpファイルを使用するには、404.phpファイルを開きます。ファイルの先頭に、このファイルが何であるかを説明するコメントを追加し、テーマのヘッダーを含めるようにしてください。
/**
* The template for displaying 404 pages (Not Found)
*/
get_header();404ページのbody
<div id="primary" class="content-area">
<div id="content" class="site-content" role="main">
<header class="page-header">
<h1 class="page-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1>
</header>
<div class="page-wrapper">
<div class="page-content">
<h2><?php _e( 'This is somewhat embarrassing, isn’t it?', 'twentythirteen' ); ?></h2>
<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p>
<?php get_search_form(); ?>
</div><!-- .page-content -->
</div><!-- .page-wrapper -->
</div><!-- #content -->
</div><!-- #primary -->この例はWordPressに付属しているTwenty Thirteenテーマのものです。これは404ページにテキストと検索フォームを追加しています。
404ページの見栄えを良くするために、自分のテキストを追加することができます。
フッターとサイドバーの追加
404ページには、フッターとサイドバーも追加できます。
get_sidebar();
get_footer();これで、ユーザーが間違ったページにつまずいた場合に備えて、検索フォームとテキストを含む機能的な404ページが完成しました。
404.phpがアップロードされたことを確認したら、404ページをテストすることができます。
存在しないウェブサイトのURLアドレスを入力するだけです。http://example.com/fred.php のようなものを試してみてください。これは、実際に fred.php という PHP ファイルを持っていない限り、404エラーになります。