Design Various Header Layouts With WordPress Blocks
Vložit
- čas přidán 6. 03. 2024
- In this straightforward tutorial, Brian Gardner demonstrates how to create three different site header layouts using WordPress core blocks.
Brian will walk you through the basic techniques for utilizing specific WordPress blocks to enhance your site’s header. You’ll learn to effectively incorporate blocks such as the site title, logo, navigation, social icons, and buttons. These elements are crucial for crafting a header that’s not only visually appealing but also representative of your website’s identity.
This video is ideal for everyone, from beginners just starting with WordPress to those with some experience and looking to refine their skills. Whether you’re updating a blog, a business site, or a portfolio, this tutorial offers the practical guidance you need.
Download Frost theme:
frostwp.com/
About the presenter:
Brian Gardner is a Principal Developer Advocate at WP Engine. He is the founder of StudioPress and co-creator of the Genesis Framework.
Brian’s Articles: wpengine.com/builders/author/...
Follow on Twitter: / bgardner
This is a great example of how far FSE and core blocks have come as far as customization and ease.
I agree, and think there is more to be excited about! -BG
Always enjoy BG's videos. Great fundamentals.
Much appreciated! -BG
Great tutorial, thanks!!!
Glad it was helpful!
These videos are great!
Glad you like them! -BG
Oooh! I would love to be able to create a scroll reveal header with overlay and different logo after scroll.
That would be cool, and likely require a bit of JS. -BG
I am a user of WP for a long time and trying to get the hang of the block editor. There are soo many places to navigate to and what i want to do is 2-3 clicks away out of sight. I am learning still.
Good for you that you are trying to get the hang of it. There are some caveats, but once users get a feel for how it all works, we feel they will like what they see. -BG