Header Builder页头生成器

[NewsPaper]

页头是访问者看到的网站的第一部分。这一点至关重要，因为页头是您添加品牌标识、良好导航和有关网站核心意图的消息的地方。Newspaper提供了一种新方法，可以使用Header Builder在前端自定义页头。

使用此功能，您可以为网站的每个页面或文章设置不同的页头。Newspaper主题加载了 100 多个预先设计的页头模板，具有不同的风格和外观。

页头位置预览

header.png (765.22 KiB) 查看 517 次

非常重要！您需要激活 tagDiv Composer 和 tagDiv Cloud Library 插件才能使用网站管理器并导入页头预构建模板。

为了使用 Header Builder，您应该了解 tagDiv Composer 的基本功能，因此请先学习如何使用 tagDiv Composer。

如何使用Header Builder创建新页头？

可以在任何页面或文章上创建页头。下面的步骤向您展示了如何使用tagDiv Cloud Library中的一个页头模板在主页上创建新的页头。请注意，此方法用于在所有页面类型或单篇文章上创建和分配新页头。

第1步 – 在前端查看您网站的主页。单击 Edit with tagDiv Composer 选项卡。

使用tagDiv Composer编辑主页

Edit-with-tagDiv-Composer.png (279.43 KiB) 查看 517 次

第2步–加载页面构建器后，单击左上角的Manager图标或Website Manager按钮。

网站管理器

Website-Manager-1.png (320.79 KiB) 查看 516 次

第3步 –单击Website Manager按钮或图标后，将显示一个信息框。在这里您可以看到所有导入的页头模板。此外，您可以在整个网站上将所需的任何页头模板设置为全局模板。

全局页头模板

Global-Header-Templates-1.png (143.57 KiB) 查看 516 次

第4步 –从Website Manager框中，您可以轻松单击Import Header按钮以安装新的页头模板。

导入新的页头模板

Import-New-Header-Template.png (220.08 KiB) 查看 516 次

第5步 – 单击Import Header按钮后，tagDiv Cloud Library打开，您可以选择您喜欢的预先设计的页头模板。

tagDiv Cloud Library页头模板

Headers-tagDiv-Cloud-Library.png (142.28 KiB) 查看 516 次

第6步 –单击要使用的页头模板，然后单击Import Header按钮。此外，在导入完成之前，会弹出一条消息，询问您是否确定要导入此模板。点击 OK 按钮，如果你准备好了，然后点击完成！

导入页头模板

Import-Header-template.png (76.96 KiB) 查看 516 次

第7步 – Website Manager允许您自定义页头的每个区域部分：主菜单、移动菜单、主菜单浮动和移动菜单浮动。在这种情况下，我们将向您展示如何修改主菜单。单击主菜单图标，页头菜单将在 tagDiv Composer 中打开。

页头主菜单

Header-Main-Menu.png (158.76 KiB) 查看 515 次

在每个区域中添加或删除内容，以便显示或删除页头中的特定元素。

Main menu – 处理标准桌面页头。
Main menu sticky – 处理桌面浮动页头部分。如果您不需要浮动页头，只需从此区域中删除所有内容即可。
Mobile menu - 处理标准手机端页头。
Main menu sticky – 处理手机端浮动页头部分。如果您不需要手机的浮动页头，只需从此区域中删除所有内容即可。

通过单击每个菜单部分，您可以看到它们在您的网站上的外观。

如果您不想在访问者滚动时菜单变得浮动，则只需切换主菜单和移动菜单的开/关按钮即可。

第 8 步 – 要自定义您的新页头，您可以使用 tagDiv Composer 中可用的所有元素，包括专门为 Header Builder 创建的特定页头短代码。

页头简码

Header-Shortcodes.png (3.37 KiB) 查看 515 次

如果您想在网站的不同部分使用不同的页头怎么办？

在这种情况下，您可以转到类别页面并编辑页头模板（按照上述步骤操作）。不要将标头模板指定为Global，这样就完成了。所选类别页面的页头与主页不同。您可以对任何页面或单篇文章执行此操作。