在 Astra 主題更新至 v4.5.0 后,全新的 Site Builder 模塊上線。這一模塊整合了舊版布局功能,并帶來(lái)了全新的操作界面,支持集中管理站點(diǎn)結(jié)構(gòu),包括頁(yè)眉、頁(yè)腳、404 頁(yè)面、模板區(qū)域、Hooks等。
本文整理了 Site Builder 的顯示設(shè)置功能,幫助你快速完成頁(yè)面布局的展示規(guī)則配置。
![圖片[1]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410145119935-image.png)
開(kāi)啟 Site Builder 模塊
要使用該模塊,需具備以下條件:
- 安裝 Astra 主題
- 啟用 Astra Pro 插件
- 在后臺(tái)進(jìn)入 Astra > Astra Pro Modules,打開(kāi) Site Builder 開(kāi)關(guān)
![圖片[2]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410145137383-image.png)
完成以上步驟后,菜單中將出現(xiàn) Site Builder 項(xiàng)。
進(jìn)入 Site Builder 編輯界面
點(diǎn)擊 Site Builder 后,會(huì)進(jìn)入“所有布局”界面,可統(tǒng)一創(chuàng)建和管理以下模塊:
- 頁(yè)眉(Header)
- 頁(yè)腳(Footer)
- 404 頁(yè)面
- 單篇模板
- 歸檔模板
- Hooks內(nèi)容區(qū)域
![圖片[3]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410145146623-image.png)
每個(gè)布局支持直接預(yù)覽或進(jìn)入編輯器。當(dāng)站點(diǎn)中暫無(wú)任何布局時(shí),界面會(huì)顯示可新建的模板卡片,點(diǎn)擊即可開(kāi)始創(chuàng)建。
以頁(yè)眉為例的新建流程
- 在 Site Builder 中找到 Header,點(diǎn)擊“Create Layout”
![圖片[4]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410145222547-image.png)
- 進(jìn)入編輯頁(yè)面后,點(diǎn)擊右上角 Astra 圖標(biāo),打開(kāi)設(shè)置面板
![圖片[5]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410145258821-image.png)
- 選擇頁(yè)眉樣式,并設(shè)置是否固定在頂部、是否在滾動(dòng)時(shí)收縮,以及在桌面或移動(dòng)端的顯示規(guī)則
![圖片[6]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410145305194-image.png)
編輯完成后,可設(shè)定此布局的展示條件。
顯示設(shè)置選項(xiàng)
Site Builder 中每個(gè)布局均支持詳細(xì)的展示條件配置,主要包括以下選項(xiàng):
- Do Not Display On:設(shè)置排除頁(yè)面
- Display On:選擇顯示位置,例如整站、某類頁(yè)面、單個(gè)文章
- User Roles:控制哪些用戶群體可見(jiàn),如已登錄用戶或訪客
- 響應(yīng)式顯示:設(shè)定在哪些設(shè)備上展示,如桌面、平板或手機(jī)
- 時(shí)間段控制:設(shè)定開(kāi)始和結(jié)束時(shí)間,適用于限時(shí)內(nèi)容
例如,你想在整站展示一個(gè)定制頁(yè)眉,但不出現(xiàn)在 404 頁(yè)面,且僅對(duì)已登錄用戶顯示,可按以下方式設(shè)定:
- Display On:Entire Website
- Do Not Display On:404 Page
- User Roles:Logged In
![圖片[7]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410145704595-image.png)
這種配置可以精準(zhǔn)投放內(nèi)容。
顯示位置類型
支持的顯示位置涵蓋多個(gè)頁(yè)面場(chǎng)景,包括:
常規(guī)頁(yè)面
- Entire Website
- All Singulars(所有單篇內(nèi)容)
- All Archives(所有歸檔頁(yè))
特殊頁(yè)面
- 404 頁(yè)面
- 搜索結(jié)果頁(yè)
- 博客歸檔頁(yè)
- 首頁(yè)
- 日期歸檔頁(yè)
- 作者歸檔頁(yè)
文章歸檔
- 所有文章
- 所有文章歸檔
- 分類歸檔
- 標(biāo)簽歸檔
你可以從“顯示于”選項(xiàng)開(kāi)始,選擇布局的具體展示位置,比如整站、一組頁(yè)面或文章,或是某個(gè)特定頁(yè)面。
![圖片[8]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410150117239-image.png)
這個(gè)選項(xiàng)可以與“不顯示于”搭配使用,用于設(shè)置排除規(guī)則。在保留大范圍展示的同時(shí),將布局從某些頁(yè)面中移除。
![圖片[9]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410150127786-image.png)
同時(shí),結(jié)合“顯示給用戶”選項(xiàng),可以根據(jù)訪問(wèn)者的身份控制布局是否可見(jiàn)。例如,僅對(duì)登錄用戶顯示某些內(nèi)容,或根據(jù)用戶角色展示不同模塊。這樣能夠?qū)崿F(xiàn)更有針對(duì)性的頁(yè)面內(nèi)容管理。
![圖片[10]-Astra Site Builder 顯示設(shè)置詳解:實(shí)現(xiàn)精準(zhǔn)內(nèi)容投放](http://gqxi.cn/wp-content/uploads/2025/04/20250410150142307-image.png)
總結(jié)
Astra Pro 的 Site Builder 提供了靈活的顯示管理功能,在不使用復(fù)雜代碼的情況下,完成多個(gè)模塊的內(nèi)容調(diào)度。配合用戶身份、設(shè)備類型與時(shí)間段控制,可以讓內(nèi)容展示更加匹配訪問(wèn)者的實(shí)際場(chǎng)景。
相關(guān)鏈接
聯(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é)假日休息 |
暫無(wú)評(píng)論內(nèi)容