WordPressテーマ作成～ヘッダー画像・検索窓・グロナビの追加～
投稿日
更新日
テーマ作成に必要な部分の追加について、上から順に・・・。
ヘッダー画像
テーマ内でカスタムヘッダーを使用するために、下記をfunctions.php内に記載します。
|
1 |
add_theme_support( 'custom-header' ); |
そして、WordPressの設定でヘッダー画像を設定し(設定の仕方は前回の記事参照)、
header.php内には、下記を記載します。
|
1 2 3 |
<a href="<?php esc_url( home_url( '/' ) ) ?>"> <img src="<?php header_image(); ?>" alt="<?php esc_attr( bloginfo( 'name' ) ) ?>" width="幅" height="高さ"> </a> |
imgタグで表示しますが、画像はWordPressに設定しているので、PHPの記述で変数を書きます。
画像クリックでトップページに戻したいので、画像をaタグで囲み、トップページに戻るための記述をしています。
検索窓
検索窓は、下記を記述するだけで表示されます。（デザイン変えたい場合などはCSSで調整しましょう）
|
1 |
<?php get_search_form(); ?> |
グローバルナビゲーション
WordPressで設定しているカテゴリを出力できるような記述です。
functions.php内に下記を記述します。
|
1 2 3 |
register_nav_menus( array( 'global' => 'グローバルナビゲーション' ) ); |
header.php内(表示したい位置)に下記を記述します(カテゴリが表示されるだけなので位置調整等はCSSで行いましょう)。
|
1 2 3 |
<?php if ( has_nav_menu( 'global' ) ) : ?> <?php wp_nav_menu( array( 'theme_location' => 'global' )); ?> <?php endif; ?> |
