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 的组合使用,有助于保持网站内容的统一性,同时提升操作效率。