WordPressのヘッダーの書き方

WordPressでカスタムヘッダーを作成する手順は次のとおりです。テーマファイル「header.php」を編集します。あなたのウェブサイトの名前と説明を追加します。ナビゲーションメニューを作成します。検索バーを追加します。変更を保存して、カスタムヘッダーを表示します。

WordPressヘッダーの作成方法

WordPressでは、ヘッダーはWebサイトの各ページの上部に表示される領域です。通常、ウェブサイト名、ナビゲーションメニュー、検索バーなどの重要な要素が含まれています。カスタムヘッダーを作成すると、ウェブサイトの外観とユーザーエクスペリエンスを向上させるのに役立ちます。

ステップ1：トピックファイルを編集します

Webサイトのダッシュボードに移動して、外観>テーマエディターに移動します。

ステップ2：ヘッダーファイルを見つけます

トピックファイルのリストで、「header.php」という名前のファイルを見つけてクリックします。

ステップ3：Webサイトの名前と説明を追加します

ファイルの上部には、次のようなコードがあります。

 <code><div class="site-branding"> <a href="<?php%20echo%20esc_url(%20home_url(%20'/'%20)%20);%20?>" rel="home"> <h1><?php bloginfo( &#39;name&#39; ); ?></h1> <p><?php bloginfo( &#39;description&#39; ); ?></p> </a> </div></code>

このコードには、Webサイト名（bloginfo（ 'name'））と説明（bloginfo（ 'description'））が表示されます。これらの値を編集して、Webサイト情報に一致させることができます。

ステップ4：ナビゲーションメニューを作成します

ウェブサイト名の下に、次のコードを追加してナビゲーションメニューを作成します。

 <code><nav class="site-navigation"> <?php wp_nav_menu( array( &#39;theme_location&#39; => 'primary' ) ); ?> </nav></code>

ここでは、「プライマリ」はナビゲーションメニューの登録場所です。必要に応じて複数のメニューを作成できます。

ステップ5：検索バーを追加します

ナビゲーションメニューの横には、検索バーを追加できます。

 <code><form role="search" method="get" class="search-form"> <input type="search" class="search-field" placeholder="Search…" name="s"> <button type="submit" class="search-submit"><span class="screen-reader-text">Search</span></button> </form></code>

ステップ6：保存して表示します

ファイルを編集したら、[ファイルの更新]ボタンをクリックして変更を保存します。次に、ウェブサイトにアクセスしてカスタムヘッダーを表示します。

以上がWordPressのヘッダーの書き方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。