How to write a header of a wordpress

The steps to create a custom header in WordPress are as follows: Edit the theme file "header.php". Add your website name and description. Create a navigation menu. Add a search bar. Save changes and view your custom header.

How to create a WordPress header

In WordPress, the header is the area displayed at the top of each page of the website. It usually contains important elements such as your website name, navigation menus, and search bar. Creating custom headers can help you improve the appearance and user experience of your website.

Step 1: Edit the topic file

Navigate to your website dashboard and go to Appearance > Theme Editor.

Step 2: Locate the header file

In the list of topic files, find the file named "header.php" and click it.

Step 3: Add a website name and description

At the top of the file, you will find code similar to the following:

 <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>

This code shows the website name (bloginfo('name')) and description (bloginfo('description')). You can edit these values ​​to match your website information.

Step 4: Create a navigation menu

Below the website name, add the following code to create a navigation menu:

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

Here, “primary” is the registered location for your navigation menu. You can create multiple menus as needed.

Step 5: Add the search bar

Next to the navigation menu, you can add a search bar:

 <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>

Step 6: Save and view

After editing the file, click the Update File button to save your changes. Then visit your website to view the custom header.

The above is the detailed content of How to write a header of a wordpress. For more information, please follow other related articles on the PHP Chinese website!