In this video, we demonstrate how to create a custom header using WordPress 6.1 and the 2023 theme.

To create the header we introduce the concept of template parts. In fact, the final product is a header that is comprised of a “main” header set of blocks that can be used to customize a header (with the addition of a cover) for any page on your site.

Subscribe and click the notification button to see our latest video where we cover a single topic in WordPress in less than 15 minutes.

source

39 Comments

  1. Finally a clear and to-the-point explanation of how to do something. Thank you! If I may request a topic for you to cover, I am struggling with how to have a nav item in my header that links to a dyamic page. So, to be clear, I have lots of posts and they all have categories listed. How can I use one of the category names as a nav item and then when selected go to a dynamic page that shows all the posts with that category? Also, if I wanted that nav item to have a dropdown list of all the categories under it, how would I do that? Thank you!

  2. thank you for your time and effort of course but you didn't fix the white area over the header till the end of the video, hopeful in the coming videos you please fix the mic because it record 1 side only

  3. Thank you SO much for this video! I am a longtime WordPress user who ignored my websites for a few years and came back to find everything changed with the block editor, and I've been really struggling to wrap my head around how this works now and how to manipulate the header. Your video was super clear, and I really appreciate that you focused on one thing and didn't make it 4 hours long. ๐Ÿ™‚ You won a subscriber.

  4. Well done! I appreciate the format, length, and content! I hope you continue with this series. The only thing I'm still looking for at the moment is a way to create a set of blocks that allows a transparent-background header to appear floating over a background image. I can't find what I believe to be appropriate options for blocks to make it happen. Perhaps it all needs to be wrapped in a different block. I'll keep looking and have subscribed! Good luck!

  5. Really pleased! Thank you very much! Iยดm just starting, could you help me? I added navigation block and as soonest i added, it includes cookies policy, privacy policy and others pages Iยดve already done that Iยดll like to move into the footer… Greeting from Spain!

  6. Okay great! I love it! Now how about the footer. And what is the pixel size on the cover page. Why did we have to delete the header and add the other unchangeable one at the end. We want to customize the footer as well.

  7. How to upload a logo image? when I add the site logo it puts a white box and doesn't give me the option to upload any picture. Your WordPress nuggets logo appears automatically

  8. Thank you very much for this vid. The simple dealing with a single task with some little bits that only experience knows is very helpful. Added to my downloaded vids for making a WPress site.

Leave A Reply

Please enter your comment!
Please enter your name here