Blocksy是一款非常出色的Wordpress主题，牛奇网之前进行过详细介绍，请查看Blocksy主题——一款轻量多用途WordPress主题。今天我们继续Blocksy主题系列教程，来介绍Blocksy主题如何对Header进行自定义设置，并对Blocksy免费版本和Blocksy高级版本的Header功能进行对比。
Blocksy主题设置Header
如果您想对Blocksy主题的Header进行自定义设置，可以使用它提供的Header Builder功能。Header Builder可以让您创建更加高级的Header，并可根据条件在网站的不同页面上显示它们。
第一步：要访问Blocksy的Header Builder功能，请先登录WordPress后台，然后点击外观->自定义->Header，进入Blocksy主题的Header Builder界面。
第二步：在Header Builder界面，可以在右侧页面下方，看到有三个Header行，分别为Top Row，Main Row和Bottom Row。在左侧的菜单是可以添加到Header中的项目，我们可以根据需要在每个行中添加不同的元素，如Logo、菜单、搜索、社交媒体等。您也可以调整每个元素的样式、位置和可见性。
第三步：从左侧选择要添加到Header的项目，然后按住并拖拉到目标位置即可。在拖拉项目的过程中，右侧的Header会显示一些闪烁的小蓝点，表明可以将项目添加到这些区域。
第四步：为了演示操作，我们将Contacts项目添加到Top Row的右侧区块中，然后就可以在页面顶部，看到一个地址和联系方式的内容。点击Top Row上的Contact项目，可以在左侧的选项卡中，设置项目的具体内容以及显示样式。
第五步：调整上图中添加的项目内容的样式。选中Contact项目后，点击左侧面板中的“Design”，就可以设置项目的样式。如下图所示，我们将文字及Icon的颜色调整为亮色。
同样，如果想要修改项目内容，只需点击左侧菜单当中的“General”进行调整。
Header上所有项目的添加、修改和样式设置都是相同的操作方法，这里就不再一一赘述。
Blocksy免费版本和高级版本Header项目对比
在Blocksy免费版本中，提供了8个基本的Header项目，包括Account、Button、Html、Logo、Menu1、Menu2、Search和Socials。
在Blocksy高级版本中，除了8项免费的项目外，还包括Contacts、Divider、Menu 3、Trigger、Language Switcher和Widget Area等项目。除了更多的项目之外，高级版本提供的自定义功能也更多。
下图是免费版本的Header包含的项目：
下面的两张图片是高级版本包含的项目：
Blocksy 高级版和免费版本Header功能对比：
| Header功能 | Blocksy Pro | Blocksy Free |
|---|---|---|
| Header builder | 是 | 是 |
| Transparent header | 是 | 是 |
| Sticky header | 是 | 是 |
| Multiple conditional headers | 是 | 否 |
| Duplicate headers items | 是 | 否 |
| Desktop off-canvas drawer | 是 | 否 |
| More headers items | 是，包括Contacts、Divider、Language Switcher、Search Box、Widget Area等 | 否 |
从上面的对比中，可以看出高级版本提供了更多的项目和功能，对于想要对Header进行高级定制的用户，还是可以考虑购买Blocksy的高级版本。
作者：牛奇网，本站文章均为辛苦原创，在此严正声明，本站内容严禁采集转载，面斥不雅请好自为之，本文网址：https://www.niuqi360.com/blocksy/how-to-customize-headers-with-blocksy-header-builder/
