Your website header is the top section of every page on your WordPress website, and it's usually the first thing your visitors will see. You should customize your site header so that it reflects your brand, and is easy to read and navigate to keep your visitors on your site.

customize your site header for best user experience

Affiliate Disclosure: This post may contain affiliate links, which means I receive a small commission at no cost to you when you make a purchase. Please note that I only get affiliate links for products that I use.

This article is for beginners to WordPress customization. I'm using the Kadence theme, but most themes will be similar.

This is the custom header on my site. It contains my logo, branding colors, and fonts.

Why customize your site header?

A custom header is one that contains your specific branding: your logo, your brand colors, fonts, etc. You can link to important pages like account or shopping cart pages, display social icons or your business phone number, and show call-to-action buttons for more conversions.

Need help with creating a logo? Check out Pam Allen's Canva courses.

Using the WordPress Theme Customizer

You will find the customizer in your WordPress admin area under Appearance- customize. In the customizer, you will see a left hand menu and a preview of your site. You will see changes in the preview as you change the header, but they will remain in draft until you hit “publish“.

Hover over the theme preview and you will see pencil icons. Click on one to open the header panel.

To create a custom header, hover over an empty area in the header and click the ‘+' icon to add a header block. Next, you can select any block you'd like to add to your custom header. For example, you can add a widget block, account block, search block, and more.

When you hover over an empty block, you will see the + sign.
I added a “social” block and you can see the social media icons that appeared in my header.

The header builder also lets you drag and drop the blocks and place them above or below the header. You can further customize each block that you add to the header.

I didn't like where they showed up between my logo and my menu, so I dragged them down under my logo.

For instance, selecting the Site Title & Logo block will give you options to add a site title and logo, change the logo's width, display a site tagline, and more. Besides that, you can also change the background color of the header or add a background image to appear in the header.

By clicking on the logo block, I can change my logo and add my site title and tagline if I want to. I can also change the size of my logo.

When you're done editing the custom header, simply click the ‘Publish' button.

Customizing your WordPress header can enhance the overall design and functionality of your website. You can add a second menu, contact information, or anything else that will help your users navigate your site.

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *