构建页眉

标题是您网站的顶部，显示在所有（或几乎所有）页面和帖子中。这是每个网站访问者首先看到的东西……您有机会获得良好的第一印象。

这是一个让访问者认识您的品牌、报价或想法的地方，并且最初会很高兴并有兴趣进一步探索您的网站。

Astra 主题带有拖放标题生成器– 一个完美的工具，可让您快速轻松地创建出色的标题，无需任何编码。在这里，您将能够添加和自定义您的徽标、网站标题和标签、标题样式、菜单、按钮、社交图标等等。

您只需将元素拖动到标题中的任何位置即可完全自由地定位元素 – 就这么简单。

标题生成器 – 常规选项卡 #

常规选项卡是您打开 Header Builder 时的默认视图。在这里，您可以概览标题设置。

在左侧菜单中，将列出所有活动的标题元素。再往下，在“标题类型”下，您可以找到透明标题设置。

屏幕的其余部分显示标题的实时预览以及标题部分中元素的位置。

启用透明标题将删除标题背景颜色并将您的内容移动到标题下方的页面顶部，从而创建透明效果。

启用透明标题后，建议添加主图像（例如，全角图像或视频、滑块等）或使用顶部没有内容的部分（例如，标题或文本）——这样，您将避免重叠内容和标题。https://www.youtube.com/embed/Ds77qOjJzk4?feature=oembed

要启用透明度，请激活“在完整网站上启用”选项。这还将打开其他选项以禁用特定页面或帖子类型的透明标题。

启用– 选择在桌面、移动或两者（桌面+移动）上启用透明标题

透明页眉的不同徽标– 如果您的徽标在标准页眉上看起来不错，但可能不是透明页眉，您可以激活此选项并设置不同的徽标用于透明页眉。

您还可以设置透明标题徽标宽度。根据您使用的徽标，您可能希望为 Retina（更高像素密度）屏幕添加一个徽标，该屏幕应至少大 2 倍或更多。只需点击“ Retina 设备的不同徽标”并上传您的视网膜徽标。

在“设计”选项卡下，您会找到设置透明标题样式的选项。您将能够设置站点标题、背景、菜单、子菜单和颜色。此外，还有设置背景覆盖和底部边框的选项。底部边框默认设置为 0px，因此不可见 – 增加边框值（1px 或更多）将使其显示在前端，您还将获得设置底部边框颜色的选项。

请记住，这些设置仅适用于您的透明标题。如果您在某些页面上使用常规页眉，这些设置将不会在那里应用。

设计选项卡用于设置标题间距：

宽度设置为标题小部件将使用的总空间量：

边距为标题的一侧或多侧增加空间。这将为您的标题小部件区域和背景添加空间。

标题由三个单独的部分组成，您可以在可视标题构建器区域中看到它们。您可以使用所有三个部分将任何元素添加到任何位置。

这三个部分是：

Primary Header – 这个标题是中间部分。它最常用于添加最重要的元素，例如徽标、主菜单或搜索、购物车和帐户。
标题上方– 此标题是上部，它显示在您网站的主要标题上方。它可以用于您的辅助元素，例如辅助菜单，或社交图标、号召性用语按钮等元素。您还可以使用 HTML 代码添加例如当前折扣期、突发新闻或网站访问者的一些通知.
标题下方– 此标题是较低的部分，它显示在您网站的主要标题下方。这个头的使用和上面的头一样。

上方和下方标题的主要目的是避免使主标题混乱。它们扩展了在您的页眉中添加您需要的所有元素和信息的可用区域，并提供了一定程度的优先级。

您可以通过单击部分左侧的“cog”图标来自定义每个部分。