用Astra主题建站无论您是要添加自定义header、footer，还是要在任何部分添加特定内容，Hooks 都能灵活地为您的网站添加您的创意。
通过 Astra Pro 提供的模块 Site Builder，您可以使用 Astra 挂钩插入自定义代码或内容。本文将向您介绍如何设置 Hooks site builder。
此外，Site Builder 需要在网站上安装并激活 Astra 主题和 Astra Pro 附加组件。此外，在继续之前，您可以先查看 Site Builder 模块概述。
如何使用代码编辑器添加钩子
您可以按照以下步骤使用site builder添加钩子。
在仪表板中点击 Astra，向下滚动到 Astra Pro Modules，激活 Site Builder 模块；
打开 “site builder ”切换开关后，你就可以在 wordpress 面板的 Astra 下看到 “site builder”。
点击 “site builder ”后，你就可以通过 “所有布局 ”版块探索改版后的 “site builder”。
在这里，您可以创建/查看/编辑网站的不同部分，如header/footer/404 页面/钩子/单个模板和存档模板等等。
您可以创建新的部分，并为特定元素（如header、footer和 404 部分）创建单独的布局预览。通过这些预览，您可以直观地了解布局在前端的显示效果，从而增强编辑体验。
此外，您还可以在一个地方轻松查看所有现有布局。默认情况下，如果你的网站上没有布局，它就会显示你可以创建的布局。将鼠标悬停在布局卡上，你会看到 “预览 ”选项，它会带你进入该网站部件部分，或者 “编辑 ”选项，它会带你进入布局编辑器。
您可以通过访问侧边栏的网站部分来修改现有布局。例如，你可以访问 “header ”部分（这将带你进入 “header网站部分”），在这里你可以查看网站上现有布局的预览。
让我们考虑一下，如果你想创建一个不同的钩子布局。现在，将鼠标悬停在钩子上，然后点击 “创建布局”。
接下来，您可以添加自定义代码。为此，您可以点击 “启用代码编辑器 ”按钮。该选项可启用代码编辑器，有助于添加自定义代码。
在添加代码时，请确保在粘贴代码时包含代码的开头语句。下面是一些示例：
如何使用页面生成器添加钩子
您也可以使用页面生成器创建布局，并将其添加到任何操作钩子中。例如，您可以使用页面生成器设计一个行动号召；或设计一个时事通讯订阅表单，并将其自动显示在所有博文的内容下方。
专业提示：
- 对于 Beaver Builder： 确保您的页面生成器启用了 “站点生成器 ”帖子类型。例如，Beaver Builder 就有相关设置。
- 对于 Elementor： 确保页面生成器已启用 “站点生成器 ”帖子类型。
- 如果您在加载任何自定义帖子类型的页面生成器时遇到问题，请刷新您的链接设置并再试一次。
钩子布局选项有哪些
点击右上角的 Astra 图标，即可打开 “site builder设置 ”面板。再往下走，就会看到钩子布局类型选项概览。
从 “site builder ”中选择 “钩子 ”下拉菜单后，会出现以下选项：
. 放置： 从下拉菜单中选择自定义钩子选项并输入自定义钩子名称。
. 优先级： 如果为某个特定操作添加了多个项目，优先级将决定哪个项目先执行。数字越小，优先级越高。
. 间距： 如果需要在自定义内容的上方/下方添加一些衬垫，请使用此选项。
接下来，您可以设置希望使用钩子布局的具体页面/帖子。因此，您需要调整显示和用户条件。
您可以使用 “显示 ”选项选择在整个网站或特定页面/帖子上显示site builder。此外，您还可以使用 “不显示 ”选项排除某些位置。
此外，您还可以仅对某些用户角色禁用已添加的钩子布局。您可以使用 “用户角色 ”选项来做到这一点。
例如
如果您想在整个网站（404 页面除外）和已注销用户中注入行动呼吁，您需要设置以下选项
. 显示在：整个网站
. 不显示在：404 页面
. 用户角色： 已注销
设备可见性使您可以选择要显示 “site builder ”的设备。只需勾选所需设备（台式机、平板电脑和手机）的复选框即可。
此外，还可以设置版面可见的开始时间和结束时间。为布局设置日期和时间期限。在选定的持续时间内，布局将处于活动状态。
