Bricks 是什么？

Bricks 是一個完整的 WordPress 主題，它的Bricks Builder 具備強大的功能模塊化能力，適合用于構(gòu)建高度自定義、快速響應(yīng)、高性能的網(wǎng)站。

Bricks 能做什么？

• 自定義頁面布局：支持像素級設(shè)計控制
• WooCommerce 商店構(gòu)建：不用代碼，就能設(shè)計完整電商前臺
• 彈窗系統(tǒng)：內(nèi)置 Popup Builder 可制作彈出廣告、表單等
• 菜單構(gòu)建器：支持多層級、自定義樣式的響應(yīng)式菜單
• 動態(tài)內(nèi)容支持：完美兼容 ACF、MetaBox、JetEngine 等字段插件
• 可重用組件系統(tǒng)：一次更新，多處同步
• CSS類與變量管理：模塊化管理，便于維護
• 響應(yīng)式設(shè)計工具：支持自定義斷點，移動優(yōu)先支持

Bricks 2.0 更新說明

更新建議

• 請優(yōu)先在本地或暫存站點測試升級效果。
• 在后臺的 Bricks > 設(shè)置 > 常規(guī) 運行“全局元素轉(zhuǎn)換器”，將舊的全局元素轉(zhuǎn)換為新組件。

• 檢查前端樣式顯示情況，默認啟用了 CSS Cascade Layers，可能影響舊有樣式。
• 如果多個角色編輯 Bricks 內(nèi)容，建議啟用 Bricks > 設(shè)置 > Builder 訪問權(quán)限 中的“構(gòu)建器能力”功能。
• 測試無誤后，再更新正式站點。

Bricks 2.0 新功能概覽

?? 構(gòu)建器功能增強

• 構(gòu)建器能力控制：提供 50 多個權(quán)限點，精細控制誰能訪問哪些內(nèi)容、組件和樣式。
• 元素管理器：啟用/禁用構(gòu)建器中的元素，精簡界面。
• 字體管理器：本地托管 Google 字體，管理 Adobe、自定義字體。
• 圖標(biāo)管理器：上傳、管理 SVG 圖標(biāo)集，可預(yù)覽、搜索、啟用/禁用。
• 命令面板：快捷操作 CMD/CTRL+K 快速導(dǎo)航、添加內(nèi)容、結(jié)構(gòu)等。
• 快速訪問欄：鍵盤快速導(dǎo)航各元素組，提升編輯效率。

?? 樣式與視覺控制

• 可視化 CSS 網(wǎng)格編輯器：支持拖拽設(shè)計響應(yīng)式 Grid 布局。
• 繼承指示器：查看當(dāng)前樣式是否繼承自類、斷點或偽類。
• 選擇器 UI 改進：完全可視化地控制任意元素樣式，包括偽類。
• 主題樣式表：新增 Stylesheet 控制組，可添加自定義 CSS。
• SVG 樣式支持?jǐn)帱c與類控制：視覺樣式編輯 SVG 圖標(biāo)。
• 分類式類與變量下拉菜單：幫助管理大型樣式系統(tǒng)。

?? 工作流與編輯體驗提升

• 界面重構(gòu)：UI 更清晰，風(fēng)格統(tǒng)一。
• 批量編輯元素：一次選擇多個元素進行樣式修改或結(jié)構(gòu)操作。
• 右鍵取消包裹元素：點擊即可將元素解包。
• 顏色變量可視化編輯器。
• 隱藏元素開關(guān)：支持前臺/編輯器內(nèi)隱藏元素。
• 孤立元素掃描與清理：自動檢測無效/失聯(lián)的構(gòu)建器元素。

?? 組件與結(jié)構(gòu)更新

• 嵌套組件：組件內(nèi)支持再嵌套組件，模塊化更徹底。
• 組件功能正式穩(wěn)定：退出實驗階段。
• 組件屬性類型擴展：支持切換、下拉、類選擇器等，增強組件動態(tài)性。

?? 性能與技術(shù)變化

• 構(gòu)建器渲染邏輯重構(gòu)：更快的加載與操作響應(yīng)。
• 默認啟用 Cascade Layers：層級更清晰，樣式隔離更強。
• 全局元素已棄用：被組件完全取代，需用轉(zhuǎn)換器遷移。

??? 元素級增強

• 表單元素：新增 Webhook 動作，可用于與第三方系統(tǒng)集成。
• 地圖元素支持 Query Loop 與同步渲染，動態(tài)展示多個地理位置。
• WooCommerce：新增產(chǎn)品變體圖形化選項（顏色、圖片、文字）。
• 支持 WooCommerce 交互事件，如添加/移除購物車、優(yōu)惠券等。

Bricks 核心模塊功能介紹（亮點）

Menu Builder 菜單構(gòu)建器

設(shè)計完全自定義的響應(yīng)式桌面與移動端菜單，支持嵌套導(dǎo)航、Mega Menu、垂直/水平菜單等多種形式，滿足復(fù)雜站點導(dǎo)航需求。

WooCommerce Builder 商店構(gòu)建器

無需其他插件即可搭建完整商城，包括產(chǎn)品頁面、分類頁、購物車、結(jié)賬頁等，提升轉(zhuǎn)化率和用戶體驗。

Popup Builder 彈窗構(gòu)建器

內(nèi)建彈窗功能，無需額外插件即可創(chuàng)建訂閱彈窗、折扣活動、退出意圖等高轉(zhuǎn)化提示內(nèi)容。

Query Loop Builder 數(shù)據(jù)查詢構(gòu)建器

支持可視化查詢 WordPress 數(shù)據(jù)，如文章、用戶、自定義字段等，創(chuàng)建動態(tài)內(nèi)容展示模塊。

CSS 類與變量系統(tǒng)

支持模塊化樣式結(jié)構(gòu)，提供類管理器、變量分類、跨站復(fù)制等功能，適用于大型項目。

Dynamic Data 動態(tài)內(nèi)容支持

完美支持 ACF、Meta Box、Toolset 等插件的數(shù)據(jù)綁定，可綁定任意字段到前端內(nèi)容或結(jié)構(gòu)。

Components 可重用組件系統(tǒng)

構(gòu)建可復(fù)用的按鈕、卡片、版塊等，一次編輯，全站同步，支持傳遞自定義屬性。

Responsive Editing 響應(yīng)式編輯

支持自定義斷點、移動優(yōu)先模式、實時預(yù)覽各設(shè)備顯示情況，構(gòu)建適配性強的網(wǎng)站。

如果你正在尋找一個靈活、強大、性能優(yōu)異的 WordPress 頁面構(gòu)建工具，Bricks 2.0 是極具競爭力的選擇。無論是自由開發(fā)者還是企業(yè)建站團隊，Bricks 都能提供穩(wěn)定、高效、可擴展的解決方案。

一些常見疑問說明

?可以搭配 Astra、Hello Theme 使用嗎？

不能。Bricks 是一個主題，不是插件，不能在其他主題上運行（不像 Elementor 那樣是一個插件）。安裝 Bricks 后，WordPress 會直接切換到 Bricks 主題。

?可以自定義頁眉、頁腳、模板嗎？

完全可以。Bricks 提供強大的模板功能，包括：

• Header、Footer 模板（響應(yīng)式、Sticky、透明都支持）
• 單頁模板（Single Post、Single Page）
• 歸檔模板（Blog、Category、Tag 等）
• 條件顯示模板（不同用戶角色、設(shè)備、頁面類型可設(shè)置不同模板）

?WooCommerce 支持好嗎？

非常好。Bricks 自帶 WooCommerce Builder，支持構(gòu)建以下頁面：

• 商店頁面（Shop）
• 商品詳情頁（Single Product）
• 分類/標(biāo)簽歸檔頁
• 購物車、結(jié)賬頁、賬戶頁面等
• 產(chǎn)品變體圖形化選擇（Swatches）

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