VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで

ブートストラップ3を使って自作テーマ作成(14)404.phpテンプレートファイルを作成

リクエストされたページに対してファイルが見つからなかった場合に使用するテンプレートファイル404.phpをTwentyFourteenのテンプレートを流用して作成します。

WordPressのテンプレートファイル、テンプレートファイル階層、命名ルールについてか下記を参照ください。
テンプレート階層 – WordPress Codex 日本語版
 
1)404.php作成
 
TwentyFourteenの404.phpをコピーして流用します。CSS関連の設定を除去し、ブートストラップのグリッドレイアウトの設定を追加し、下記のように記述します
 

<?php get_header(); ?>
<div class="col-xs-12 col-sm-9">
  <h1 class="page-title"><?php _e( 'Not Found', 'twentyfourteen' ); ?></h1>
  <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentyfourteen' ); ?></p>
  <?php get_search_form(); ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

 
2)動作確認
 
存在しないページにアクセスし、”見つかりません”というメッセージと検索フォームが、レイアウト崩れがなく表示される事を確認します。
 
「ブートストラップ3を使って自作テーマ作成」の目次へ

モバイルバージョンを終了