首页>文档>Astra教程>HFB 透明标头

此组别内的文章

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

HFB 透明标头

从 Astra 主题版本 1.6.0 开始,透明标题选项将通过免费的 Astra 主题提供。

在此之前,透明标题仅适用于 Astra Pro Addon 插件。

透明标题如何工作?

透明页眉让您可以轻松创建漂亮的页眉。启用此选项会将您的主要页眉背景设置为透明,并将页面内容拉到顶部。

它将合并主标题和页面内容。这意味着页面内容的顶部将被设置为透明标题的背景。

如何在你的网站上添加透明标题

  • 在定制器下找到透明标题选项 [外观 > 自定义 > 标题生成器 > 透明标题] 
  • 在透明标题部分下,您可以在桌面版或移动版或桌面版+移动版的完整网站上启用它。此外,您还可以在此处设置不同的徽标和徽标宽度。

透明页眉的布局设置

从 WordPress 仪表板导航至外观 > 自定义 > 页眉生成器 > 透明页眉。然后,您将能够看到以下选项:

在完整网站上启用

如果您希望在整个网站上显示透明标题,请启用此切换选项。启用此选项后,它会提供以下排除规则。这意味着您可以选择一些可以禁用透明标题的页面和帖子。

  • 在 404、搜索和档案上禁用?:通常不建议在档案、搜索、404 等特殊页面上使用此设置。如果您想禁用这些页面上的透明标题,请启用此选项。
  • 在博客页面上禁用?:从主页设置中,如果您已设置主页显示 > 最新帖子,则首页将变为博客页面。如果您想禁用其上的透明标题,请启用此选项。
  • 在页面上禁用?:如果您希望在所有页面上禁用透明标题,请启用此选项。
  • 在帖子上禁用?:如果您希望禁用所有帖子上的透明标题,请启用此选项。
  • 在 WooCommerce 产品页面上禁用?:如果您希望在所有 WooCommerce 产品页面上禁用透明标题,请启用此选项。
HFB 透明标头-HEIWP-外贸建站

启用

选择显示透明标题的设备。您将有以下选项。

  • 桌面
  • 移动的
  • 桌面 + 移动
HFB 透明标头-HEIWP-外贸建站

样式选项

  • 透明标题是否使用不同的徽标?:启用透明标题时,默认情况下会显示“站点标识”下设置的站点徽标。如果您希望在透明标题上设置与站点徽标不同的徽标,请启用此选项并设置徽标。您还可以为视网膜设备设置不同的徽标。
  • 标志宽度:您可以设置透明标题的标志宽度。
HFB 透明标头-HEIWP-外贸建站

透明标题的颜色和背景

透明标题设计设置在定制器中的标题生成器 > 透明标题 > 设计选项卡下可用。使用以下选项为透明标题设置不同的颜色 –

  • 背景覆盖:透明标题的背景颜色
  • 网站标题:网站标题颜色
  • 菜单颜色:背景颜色、链接/文本颜色、链接活动/悬停颜色
  • 子菜单颜色:背景颜色、链接/文本颜色、链接活动/悬停颜色
  • 社交颜色:文本/图标、背景颜色
  • 搜索颜色:图标、框背景、文本/占位符颜色
  • 小部件颜色:标题、内容、链接颜色
  • 按钮颜色:文本、背景、分隔线颜色
  • 切换颜色:图标、背景、边框颜色
  • HTML 颜色:文本、链接颜色
HFB 透明标头-HEIWP-外贸建站

如何在单个页面上禁用透明页眉

您可以从页面元设置中禁用某些页面/帖子的透明标题。例如,假设您想禁用主页上的透明标题并显示正常标题。

Astra 可以让你做到这一点,让我们看看如何做到:

  • 选择所需的页面或帖子。我们选择“主页”作为示例。
HFB 透明标头-HEIWP-外贸建站
  • 单击顶部的 Astra 图标并访问高级设置
HFB 透明标头-HEIWP-外贸建站
  • 在此处选择“已禁用”选项卡,然后单击顶部的“保存”按钮。
HFB 透明标头-HEIWP-外贸建站

现在,主页将显示普通页眉,而所有其他页面将具有透明页眉。

HFB 透明标头-HEIWP-外贸建站

请注意,页面元设置的优先级比定制器设置更高。

这就是有关 Astra Transparent 标头的全部内容。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索