ブートストラップ３を使って自作テーマ作成（１２）サイトタイトル、キャッチフレーズを表示できるようにheader.phpを修正

wp-admin

10年前

サイトのヘッダータイトル部分がブートストラップのoffcanvasのサンプルのままになっているので、管理画面で設定しているサイトタイトル、キャッチフレーズを表示出来るようにheader.phpを修正します。

１）header.phpのサイトタイトル部分を変更
　
現時点ではサイトタイトル部分は下記のようになっていて、スタイリングはブートストラップの”jumbotron”クラスで設定されています。

<div class="jumbotron">
  <h1>Hello, world!</h1>
  <p>This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.</p>
</div>

h1タグの部分を管理画面で設定されているサイトタイトル、pタグの部分を管理画面で設定されているキャッチフレーズに変更します。

<div class="jumbotron">
  <h1>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>
  </h1>
  <p><?php bloginfo( 'description' ); ?></p>
</div>

　
２）動作確認
　
ブラウザで表示し、サイトタイトル部分とその下のテキストが管理画面の「設定」→「一般」の”サイトタイトル”、”キャッチフレーズ”で設定したテキストになっていることを確認します。
　
「ブートストラップ３を使って自作テーマ作成」の目次へ