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

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注