网站构建器 – Hooks

无论您想添加自定义页眉、页脚还是任何具有特定内容的部分，Hooks 都能让您灵活地为您的网站增添创造力。

使用Site Builder（Astra Pro 提供的模块），您可以使用Astra hooks插入自定义代码或内容。本文将向您展示如何设置 Hooks Site Builder。

此外，Site Builder 要求在您的网站上安装并激活Astra 主题和 Astra Pro Addon。此外，在继续之前，您可以先查看 Site Builder 模块概述 。

如何使用代码编辑器添加挂钩

您可以按照以下步骤使用站点构建器添加挂钩。

在仪表板中，单击Astra并向下滚动到Astra Pro 模块，然后激活Site Builder模块；

一旦打开站点构建器切换按钮，您就可以在 wordpress 仪表板的 Astra 下看到站点构建器。

单击站点构建器后，您可以通过“所有布局”部分探索改进后的站点构建器。

在这里，您可以创建/查看/编辑网站的不同部分，如页眉/页脚/404 页面/挂钩/单个和存档模板等等。

您可以创建新部分，并为特定元素（如页眉、页脚和 404 部分）创建单独的布局预览。这些预览可以让您直观地了解布局在前端的显示效果，从而增强您的编辑体验。

此外，您还可以在一个地方轻松查看所有现有布局。默认情况下，如果您的网站上没有布局，它将显示您可以创建的布局。通过将鼠标悬停在布局卡上，您将看到“预览”选项，它将带您进入该网站部分部分，或者您可以“编辑”，它将带您进入布局编辑器。

您可以通过从侧边栏访问 网站部分来修改其现有布局 。例如，您可以访问标题部分（这将带您进入标题网站部分），在那里您可以查看网站上现有布局的预览。

让我们考虑一下，如果您想创建不同的钩子布局。现在，将鼠标悬停在钩子上并单击“创建布局”。

接下来，您可以添加自定义代码。为此，您可以单击“启用代码编辑器”按钮。此选项启用代码编辑器，这有助于添加自定义代码。

添加代码时，请确保包含粘贴代码的开头语句。以下是一些示例：

<?php
/* Add Your PHP Code here. */
?>

<style type="text/css">
/* Add Your CSS Code Here. */
</style>

如何使用页面构建器添加挂钩

您也可以使用页面构建器创建布局，并将其添加到任何操作挂钩。例如，您可以使用页面构建器设计号召性用语；或新闻通讯订阅表单，并将其自动显示在所有博客文章内容下方。

专业提示：

1. 对于 Beaver Builder：确保您的页面构建器已启用“站点构建器”帖子类型。例如，Beaver Builder 有一个针对该类型的设置。
2. 对于 Elementor：确保您的页面构建器已启用“站点构建器”帖子类型。
3. 如果您在加载此类自定义帖子类型的页面构建器时遇到问题，请刷新您的永久链接设置并重试。

Hooks 布局选项有哪些

如果您点击右上角的 Astra 图标，您将打开站点构建器设置面板。往下，您将看到 Hooks 布局类型选项的概述。

从站点构建器中选择“Hooks”下拉菜单后，您将获得以下选项：

• 位置：从下拉菜单中选择自定义挂钩选项并输入自定义挂钩名称。
• 优先级：如果为某个特定操作添加了多个项目，则优先级决定首先执行哪个项目。数字越小，优先级越高。
• 间距：如果您需要在自定义内容上方/下方添加一些填充，请使用此选项。

接下来，您可以设置要使用钩子布局的确切页面/帖子。因此，您需要调整显示和用户条件。

您可以使用“显示于”选项选择将站点构建器显示在整个网站或特定页面/帖子上。此外，您还可以使用“不显示于”选项排除某些位置。

此外，您可以仅为某些用户角色禁用添加的钩子布局。您可以使用“用户角色”选项执行此操作。

例如：如果您想在整个网站
上注入行动号召；除了 404 页面；对于已注销的用户，您需要设置以下选项 –

• 显示于：整个网站
• 不显示于：404 页面
• 用户角色：已注销

设备可见性可让您选择要显示站点构建器的设备。只需勾选所需设备的复选框即可 – 台式机、平板电脑和移动设备。

此外，您还可以设置布局可见性的开始时间和结束时间。设置布局的日期和持续时间。布局将在选定的持续时间内处于活动状态。

因此，挂钩布局允许您在整个网站上保持统一的外观和感觉，同时仍允许灵活地定制内容。