使用此功能,您可以为网站的每个页面或文章设置不同的页头。Newspaper主题加载了 100 多个预先设计的页头模板,具有不同的风格和外观。
为了使用Header Builder,您应该了解tagDiv Composer的基本功能,因此请先学习如何使用tagDiv Composer。非常重要!您需要激活tagDiv Composer和tagDiv Cloud Library插件才能使用网站管理器并导入页头预构建模板。
如何使用Header Builder创建新页头?
可以在任何页面或文章上创建页头。下面的步骤向您展示了如何使用tagDiv Cloud Library中的一个页头模板在主页上创建新的页头。请注意,此方法用于在所有页面类型或单篇文章上创建和分配新页头。
第1步 – 在前端查看您网站的主页。单击 Edit with tagDiv Composer 选项卡。
第2步–加载页面构建器后,单击左上角的Manager图标或Website Manager按钮。
第3步 –单击Website Manager按钮或图标后,将显示一个信息框。在这里您可以看到所有导入的页头模板。此外,您可以在整个网站上将所需的任何页头模板设置为全局模板。
第4步 –从Website Manager框中,您可以轻松单击Import Header按钮以安装新的页头模板。
第5步 – 单击Import Header按钮后,tagDiv Cloud Library打开,您可以选择您喜欢的预先设计的页头模板。
第6步 –单击要使用的页头模板,然后单击Import Header按钮。此外,在导入完成之前,会弹出一条消息,询问您是否确定要导入此模板。点击 OK 按钮,如果你准备好了,然后点击完成!
第7步 – Website Manager允许您自定义页头的每个区域部分:主菜单、移动菜单、主菜单浮动和移动菜单浮动。在这种情况下,我们将向您展示如何修改主菜单。单击主菜单图标,页头菜单将在 tagDiv Composer 中打开。
在每个区域中添加或删除内容,以便显示或删除页头中的特定元素。
- Main menu – 处理标准桌面页头。
- Main menu sticky – 处理桌面浮动页头部分。如果您不需要浮动页头,只需从此区域中删除所有内容即可。
- Mobile menu - 处理标准手机端页头。
- Main menu sticky – 处理手机端浮动页头部分。如果您不需要手机的浮动页头,只需从此区域中删除所有内容即可。
如果您不想在访问者滚动时菜单变得浮动,则只需切换主菜单和移动菜单的开/关按钮即可。
第8步 – 要自定义您的新页头,您可以使用tagDiv Composer中可用的所有元素,包括专门为Header Builder创建的特定页头短代码。
如果您想在网站的不同部分使用不同的页头怎么办?
在这种情况下,您可以转到类别页面并编辑页头模板(按照上述步骤操作)。不要将标头模板指定为Global,这样就完成了。所选类别页面的页头与主页不同。您可以对任何页面或单篇文章执行此操作。
结论
了解了Header Builder的4个区域后,您现在可以自己为每个区域制作页头!从小处着手,从简单的元素和想法开始,然后大胆思考并通过它来发展你的设计。
为您的网站创建令人惊叹的布局,并选择您想要在每个模板上特别显示的布局。新的标题生成器为您的网站提供了无限的可能性。