首页>文档>Astra教程>使用 Astra 的 Header Builder 管理您的网站标识

此组别内的文章

需要支持?

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

使用 Astra 的 Header Builder 管理您的网站标识

您的徽标和其他网站标识选项与您的品牌展示直接相关。由于它们是标题的一部分,因此它们在所有页面和帖子上都可见,因此它们可以帮助用户始终了解他们正在互动的网站和品牌。

Astra 主题带有拖放式页眉页脚生成器。使用页眉生成器,您可以使用站点标识和徽标元素管理您的站点标识。本文档将向您展示如何轻松设置您的徽标和其他站点标识元素。这些包括:

  • 标识
  • 视网膜标志
  • 移动设备徽标
  • 网站标题
  • 网站标语
  • 站点图标 (Favicon)

您可以通过导航至外观 > 自定义 > 页眉生成器来找到页眉生成器。要访问元素设置,只需单击左侧元素列表中的元素,或单击预览下的可视化页眉生成器中的元素。

使用 Astra 的 Header Builder 管理您的网站标识-HEIWP-外贸建站

标识

您可以在常规选项卡下添加您的徽标。要添加或更改您的徽标,您可以按照以下步骤操作:

步骤 1 – 单击徽标区域并上传文件或从媒体库中选择徽标。您可以将徽标添加为 JPG、PNG 和 SVG。

第 2 步– 虽然此步骤是可选的,但启用“Retina 设备专用徽标”将确保您的徽标在配备 Retina 屏幕的设备上看起来很棒。建议上传至少两倍大的图片,这样您的徽标在高清屏幕上就不会模糊。您可以在这篇文章中了解有关 Retina 徽标的更多信息。如果您决定不使用此选项,您的网站也会在 Retina 屏幕上显示您的主徽标(来自第 1 步)。

使用 Astra 的 Header Builder 管理您的网站标识-HEIWP-外贸建站

步骤 3 – 添加徽标后,您可以选择徽标宽度。这将设置徽标的大小,因为高度将根据宽度自动计算。您还可以通过单击响应式编辑图标在这些屏幕之间切换,为桌面、平板电脑和移动设备设置不同的徽标宽度。

使用 Astra 的 Header Builder 管理您的网站标识-HEIWP-外贸建站

步骤 4 – 如果您的设计需要在移动设备上使用不同的徽标,您可以切换到移动编辑并启用“为移动设备使用不同的徽标”,以便仅为移动设备添加不同的徽标。请记住,您设置的移动徽标将用于平板电脑和手机。

步骤 5 – 您可以切换到元素的“设计”选项卡并设置徽标边距。

使用 Astra 的 Header Builder 管理您的网站标识-HEIWP-外贸建站

笔记:

如果启用透明标题,您将拥有一个“透明徽标的不同徽标”选项,可以设置仅适用于透明标题的不同徽标Retina 徽标徽标宽度。此选项可在外观 > 自定义 > 标题生成器 > 透明标题 > 常规选项卡中找到。

网站标题和标语

网站标题是您为网站设置的名称,而标语是一行简短的描述。

步骤 1 – 您可以在“站点标识和徽标”元素的“常规”选项卡中启用相应的选项,使这些选项在徽标下方可见。您可以分别为台式机、平板电脑和移动设备启用这些选项。

使用 Astra 的 Header Builder 管理您的网站标识-HEIWP-外贸建站

第 2 步- 通常,在仪表板 > 设置 > 常规创建新网站时添加网站标题和标语。如果您想修改这些内容,您可以直接在元素设置中进行修改,而无需离开定制器。

步骤 3 – 此外,如果您想将网站标题和标语放在徽标的右侧,您只需启用内联徽标和网站标题选项。

步骤 4 – 如果切换到元素的“设计”选项卡,您将找到更改站点标题和标语的颜色字体大小的选项。

使用 Astra 的 Header Builder 管理您的网站标识-HEIWP-外贸建站

笔记:

如果启用透明标题,您将有单独的选项来设置仅用于透明标题的不同标题颜色。此选项可在外观 > 自定义 > 标题生成器 > 透明标题 > 设计选项卡中找到。

站点图标 (Favicon)

这是一个小图像图标,可以在网络浏览器的选项卡、书签栏和 WordPress 移动应用程序中看到。您可以使用站点图标选项进行设置。网站图标的推荐大小为 512 像素。

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