向 WordPress 媒体库添加图像焦点工具
lyc054211Astra 是 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 的组合使用，有助于保持网站内容的统一性，同时提升操作效率。
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有，未经允许请勿转载。 相关文章 暂无评论... |
|---|
