利用 Astra Site Builder 中的 Hooks 功能定制 WordPress 网站

Astra 是 WordPress 中广泛使用的轻量主题，升级 Astra Pro 后，可以增强网站的自定义能力。其中，Site Builder 模块提供的 Hooks 功能，可以在网站的特定位置插入自定义内容或代码，用于创建页眉、页脚、404 页面、内容模板等结构模块。

启用 Site Builder 模块

启用前需完成以下准备：

• 安装 Astra 主题
• 安装并激活 Astra Pro 插件
• 在 WordPress 控制台进入 Astra > Astra Pro Modules，启用 Site Builder 模块

启用后，菜单中将出现 Site Builder 项目。

Site Builder 模块概览

Site Builder 提供了多个结构编辑入口，例如：

• Header（页眉）
• Footer（页脚）
• 404 Pages
• Hooks（钩子）
• Single 与 Archive 模板

在这些区域中可以创建新的布局，也可以预览和编辑已有内容。操作方式直观，适合经常调整网站结构的场景。

创建 Hook 布局的两种方式

使用代码编辑器插入

• 打开 Site Builder
• 进入 Hooks 模块，点击“Create Layout”

• 启用代码编辑器（Enable Code Editor）

• 输入 PHP 或 CSS 代码，例如：

<?php
// PHP 代码区域
?>
<style type="text/css">
/* CSS 样式区域 */
</style>

这种方法适合添加结构或功能性代码，比如插入 HTML 区块或样式规则。

使用页面构建器设计内容

支持使用 Beaver Builder 或 Elementor 等页面构建器设计图文内容后，绑定到指定的钩子位置。

如设计一个促销横幅或订阅表单，并在博客内容下方显示。

注意：请确保构建器支持 Site Builder 类型。如果无法加载，可尝试刷新固定链接设置。

Hooks 布局的配置选项

在编辑界面右上角点击 Astra 图标，可以进入设置面板，对 Hook 位置进行配置：

• Placement：选择或输入钩子名称（如 astra_entry_content_after）
• Priority：数值越小，执行顺序越靠前
• Spacing：设置内容的上下间距

这些选项可以帮助内容在页面中准确定位。

设置显示条件

Site Builder 的 Hooks 支持多种显示条件控制：

• Display On：选择在哪些页面显示
• Do Not Display On：设置在哪些页面不显示
• User Roles：限定访问角色（如仅游客可见）
• Device Visibility：可勾选桌面、平板、手机
• 时间段控制：可设置开始时间与结束时间

示例：希望添加一个促销信息，在整站展示，但不在 404 页面显示，仅对未登录用户开放

配置如下：

• Display On：Entire Website
• Do Not Display On：404 Page
• User Roles：Logged Out

这种方式适合按需控制内容的可见性。

总结

借助 Astra Pro 中的 Site Builder 模块，可以灵活插入自定义内容，管理网站的结构布局。无论是代码段落还是图文模块，都能在不依赖额外插件的情况下实现展示需求。Hooks 的组合使用，有助于保持网站内容的统一性，同时提升操作效率。

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息