Astra 是 WordPress 中廣泛使用的輕量主題，升級(jí) Astra Pro 后，可以增強(qiáng)網(wǎng)站的自定義能力。其中，Site Builder 模塊提供的 Hooks 功能，可以在網(wǎng)站的特定位置插入自定義內(nèi)容或代碼，用于創(chuàng)建頁(yè)眉、頁(yè)腳、404 頁(yè)面、內(nèi)容模板等結(jié)構(gòu)模塊。

啟用 Site Builder 模塊

啟用前需完成以下準(zhǔn)備：

• 安裝 Astra 主題
• 安裝并激活 Astra Pro 插件
• 在 WordPress 控制臺(tái)進(jìn)入 Astra > Astra Pro Modules，啟用 Site Builder 模塊

啟用后，菜單中將出現(xiàn) Site Builder 項(xiàng)目。

Site Builder 模塊概覽

Site Builder 提供了多個(gè)結(jié)構(gòu)編輯入口，例如：

• Header（頁(yè)眉）
• Footer（頁(yè)腳）
• 404 Pages
• Hooks（鉤子）
• Single 與 Archive 模板

在這些區(qū)域中可以創(chuàng)建新的布局，也可以預(yù)覽和編輯已有內(nèi)容。操作方式直觀，適合經(jīng)常調(diào)整網(wǎng)站結(jié)構(gòu)的場(chǎng)景。

創(chuàng)建 Hook 布局的兩種方式

使用代碼編輯器插入

• 打開(kāi) Site Builder
• 進(jìn)入 Hooks 模塊，點(diǎn)擊“Create Layout”

• 啟用代碼編輯器（Enable Code Editor）

• 輸入 PHP 或 CSS 代碼，例如：

<?php
// PHP 代碼區(qū)域
?>
<style type="text/css">
/* CSS 樣式區(qū)域 */
</style>

這種方法適合添加結(jié)構(gòu)或功能性代碼，比如插入 HTML 區(qū)塊或樣式規(guī)則。

使用頁(yè)面構(gòu)建器設(shè)計(jì)內(nèi)容

支持使用 Beaver Builder 或 Elementor 等頁(yè)面構(gòu)建器設(shè)計(jì)圖文內(nèi)容后，綁定到指定的鉤子位置。

如設(shè)計(jì)一個(gè)促銷(xiāo)橫幅或訂閱表單，并在博客內(nèi)容下方顯示。

注意：請(qǐng)確保構(gòu)建器支持 Site Builder 類(lèi)型。如果無(wú)法加載，可嘗試刷新固定鏈接設(shè)置。

Hooks 布局的配置選項(xiàng)

在編輯界面右上角點(diǎn)擊 Astra 圖標(biāo)，可以進(jìn)入設(shè)置面板，對(duì) Hook 位置進(jìn)行配置：

• Placement：選擇或輸入鉤子名稱（如 astra_entry_content_after）
• Priority：數(shù)值越小，執(zhí)行順序越靠前
• Spacing：設(shè)置內(nèi)容的上下間距

這些選項(xiàng)可以幫助內(nèi)容在頁(yè)面中準(zhǔn)確定位。

設(shè)置顯示條件

Site Builder 的 Hooks 支持多種顯示條件控制：

• Display On：選擇在哪些頁(yè)面顯示
• Do Not Display On：設(shè)置在哪些頁(yè)面不顯示
• User Roles：限定訪問(wèn)角色（如僅游客可見(jiàn)）
• Device Visibility：可勾選桌面、平板、手機(jī)
• 時(shí)間段控制：可設(shè)置開(kāi)始時(shí)間與結(jié)束時(shí)間

示例：希望添加一個(gè)促銷(xiāo)信息，在整站展示，但不在 404 頁(yè)面顯示，僅對(duì)未登錄用戶開(kāi)放

配置如下：

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

這種方式適合按需控制內(nèi)容的可見(jiàn)性。

總結(jié)

借助 Astra Pro 中的 Site Builder 模塊，可以靈活插入自定義內(nèi)容，管理網(wǎng)站的結(jié)構(gòu)布局。無(wú)論是代碼段落還是圖文模塊，都能在不依賴額外插件的情況下實(shí)現(xiàn)展示需求。Hooks 的組合使用，有助于保持網(wǎng)站內(nèi)容的統(tǒng)一性，同時(shí)提升操作效率。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息