在本教程中，我们将学习如何在 GeneratePress 标题部分添加电话号码和电子邮件。
在这里，我将使用 GenerateBlocks 插件和 GenerateBlocks Elements 模块在 GeneratePress 主题的顶部栏上添加带有图标的电话号码和电子邮件地址。
先决条件：
- GeneratePress 主题已安装并激活（高级版）
- GenerateBlocks 插件已安装并激活（免费）
在 GeneratePress 标题中添加电话号码和电子邮件的步骤
将你的联系信息放在网站的首屏部分可显著改善用户体验，并使访问者更轻松地联系到你。
这个简单的调整可以增强你网站的整体体验并易于联系网站所有者。
步骤 1：安装 GeneratePress Premium 插件
如果你使用的是免费主题，则可能无法在顶部添加电话号码和电子邮件地址，因此请获取 GeneratePress 主题的专业版。
获取 GeneratePress步骤 2：在 GeneratePress 主题中激活 Elements 模块
转到外观 > GeneratePress > 元素 > 激活
步骤 3：使用新元素部分添加块
现在，转到外观 > 元素 > 单击添加新元素 > 选择元素类型为块。添加标题并开始设计顶部栏。
步骤 4：在 GeneratePress 主题中设计顶部栏部分
- 首先，添加一个容器块。
- 在容器块内，添加一个水平和垂直间隙为 20 的两列网格
- 现在，进入网格容器，在两个容器上添加 Generateblocks按钮，并删除颜色
- 现在，在左侧添加一个电话号码，并在右侧添加一个图标和一个电子邮件，并使它们可点击。你可以在 iconmonstr 或任何其他网站上获取SVG 内联图标。
- 最后一步也是最重要的一步是你需要调整布局 > 显示。对于PC端：将电话号码的显示设置为Flex并将内容对齐 flex-start ，将电子邮件地址的显示设置为Flex并将内容对齐 flex-end。对于移动设备：将电话号码和电子邮件的显示设置为Flex并将内容中心对齐
步骤 5：管理显示规则
转到“显示规则”并选择“位置”为“整个站点”。
现在转到侧边栏上的Element选项卡。选择元素类型为Hook，Hook 名称为before_header。
步骤 6：点击发布按钮
最后，转到你的主页，并在你的网站顶部查看包含你的电话和电子邮件地址的顶栏。
总结
通过遵循上面概述的步骤，你可以在 WordPress 网站的 GeneratePress 标头中有效地添加电话号码和电子邮件。
除此之外，你还可以在 Generateblocks 插件的帮助下在 GeneratePress 主题的顶部添加任何其他内容，如联盟营销文本和按钮、任何通知栏等。
