404.phpファイルの作成

  2. 多くの場合、`````404.php`````の素晴らしい出発点は`````index.php`````です。  
  4.  <a name="add-a-file-header"></a>
  6. ## ファイルヘッダーの追加
  8. テーマの`````header.php`````ファイルを使用するには、`````404.php`````ファイルを開きます。最上部にファイルの説明コメントを追加し、テーマのヘッダーを含めることを確認してください。  
  10. 例えば:  
  13. ``````bash
  14. /**
  15.  * The template for displaying 404 pages (Not Found)
  16.  */
  17. get_header();
  18. `

404ページにボディを追加する

404ページを機能させるには、テンプレートにボディコンテンツを追加する必要があります:

例: 

  1. <div id="primary" class="content-area">
  2.         <div id="content" class="site-content" role="main">
  4.             <header class="page-header">
  5.             <h1 class="page-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1>
  6.             </header>
  8.             <div class="page-wrapper">
  9.             <div class="page-content">
  10.             <h2><?php _e( 'This is somewhat embarrassing, isn’t it?', 'twentythirteen' ); ?></h2>
  11.             <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p>
  13.             <?php get_search_form(); ?>
  14.             </div><!-- .page-content -->
  15.             </div><!-- .page-wrapper -->
  17.         </div><!-- #content -->
  18.     </div><!-- #primary -->

この例は、WordPressに付属するTwenty Thirteenテーマからのものです。これにより、404ページにテキストと検索フォームが追加されます。

自分のテキストを追加して、404ページをより良く見せることができます。

フッターとサイドバーの追加

404ページを作成する際の最終ステップは、フッターを追加することです。必要に応じてサイドバーを追加することもできます。

例: 

  1. get_sidebar();
  2. get_footer();

これで、ユーザーが間違ったページに遭遇した場合に備えて、検索フォームとテキストを含む機能的な404ページが完成しました。404.phpがアップロードされていることを確認したら、404ページをテストできます。存在しないウェブサイトのURLアドレスを入力してください。http://example.com/fred.phpのようなものを試すことができます。実際にfred.php.という名前のPHPファイルがない限り、これは必ず404エラーになります。