Block Supports 是 Gutenberg 編輯器中用于控制區(qū)塊功能與樣式支持的機制，它允許通過 theme.json 文件統(tǒng)一啟用或禁用特定區(qū)塊的特性，如顏色、間距、對齊等。例如，可在 theme.json 中為段落區(qū)塊開啟顏色和間距支持，實現(xiàn)全局一致的設計規(guī)范。常見支持功能包括顏色、排版、間距、布局及其他選項，如錨點鏈接和標題標簽。使用時需確保 theme.json 正確加載，并注意版本兼容性及語法正確性，以避免設置無效或出錯。
在使用 Gutenberg 編輯器時，你可能會發(fā)現(xiàn)有些區(qū)塊樣式或功能無法按預期顯示。其實，Gutenberg 提供了一個叫“Block Supports”的功能模塊，可以幫助你在編輯器中啟用或禁用某些區(qū)塊支持特性，比如間距、顏色、對齊方式等。它主要面向主題開發(fā)者，但如果你是高級用戶或者想自定義你的網(wǎng)站外觀，了解這些設置也會很有幫助。
什么是 Block Supports？
Block Supports 是 Gutenberg 中的一個機制，允許你在主題的 theme.json 文件中定義哪些區(qū)塊應該支持哪些功能。你可以統(tǒng)一控制整個站點中區(qū)塊的行為和樣式，而不需要為每個區(qū)塊單獨設置。這不僅能提高效率，還能保持設計的一致性。
例如，你可以決定所有段落區(qū)塊是否可以設置背景色，或者是否允許某個區(qū)塊全寬對齊。
如何在 theme.json 中啟用 Block Supports
要在你的主題中使用 Block Supports，首先需要在主題目錄下創(chuàng)建或修改 theme.json 文件。這個文件用于配置 Gutenberg 的各種樣式和行為。
在該文件中，你可以通過 supports 字段來定義區(qū)塊支持的功能。以下是一個簡單的例子：
{
"version": 2,
"settings": {
"blocks": {
"core/paragraph": {
"supports": {
"color": {
"background": true,
"text": true
},
"spacing": {
"margin": true,
"padding": true
}
}
}
}
}
}在這個例子中，我們啟用了段落區(qū)塊的顏色（文字和背景）以及間距（外邊距和內邊距）的支持。
常見的 Block Supports 功能有哪些？
常見的 Block Supports 設置包括：
- 顏色支持：包括文本顏色和背景顏色。
- 排版支持：字體大小、行高、字母間距等。
- 間距支持：外邊距、內邊距。
- 布局支持：對齊方式、寬度設置。
- 其他功能：如錨點鏈接、標題標簽選擇等。
你可以根據(jù)需求為不同區(qū)塊分別設置這些功能。例如，如果你希望所有按鈕區(qū)塊都支持背景色，就可以這樣寫：
"core/button": {
"supports": {
"color": {
"background": true
}
}
}當然，也可以完全關閉某些功能，避免用戶誤操作影響整體風格。
注意事項和常見問題
使用 Block Supports 時有幾個地方需要注意：
- 確保你的主題已經正確加載了
theme.json文件。 - 不同版本的 Gutenberg 和 WordPress 對
theme.json的支持可能略有差異，建議查閱官方文檔確認兼容性。 - 修改后如果沒生效，嘗試清除緩存或檢查語法是否有錯誤。
- 如果你想覆蓋全局設置并為某個區(qū)塊實例單獨設置樣式，可以在區(qū)塊設置面板中手動開啟相關選項。
基本上就這些。Block Supports 雖然看起來有點技術性，但一旦掌握，就能高效地統(tǒng)一管理整個站點的區(qū)塊樣式。
以上是如何在古騰堡使用塊支持的詳細內容。更多信息請關注PHP中文網(wǎng)其他相關文章！
熱AI工具
Undress AI Tool
免費脫衣服圖片
Undresser.AI Undress
人工智能驅動的應用程序，用于創(chuàng)建逼真的裸體照片
AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。
Clothoff.io
AI脫衣機
Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的代碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)
如何恢復WordPress核心更新
Jul 02, 2025 am 12:05 AM
要回滾WordPress版本，可使用插件或手動替換核心文件，并禁用自動更新。1.使用WPDowngrade等插件輸入目標版本號即可自動下載替換；2.手動下載舊版WordPress并通過FTP替換wp-includes、wp-admin等文件但保留wp-config.php和wp-content；3.在wp-config.php中添加代碼或使用過濾器禁用核心自動更新以防止再次升級。操作前務必備份網(wǎng)站和數(shù)據(jù)庫，確保安全可靠。長期建議保持最新版以保障安全性與功能支持。
如何在WordPress中創(chuàng)建自定義短代碼
Jul 02, 2025 am 12:21 AM
在WordPress中創(chuàng)建自定義短代碼的步驟如下：1.通過functions.php文件或自定義插件編寫PHP函數(shù)；2.使用add_shortcode()將函數(shù)綁定到短代碼標簽；3.在函數(shù)中處理參數(shù)并返回輸出內容。例如，創(chuàng)建按鈕短代碼時可定義顏色和鏈接參數(shù)，實現(xiàn)靈活配置。使用時可在編輯器中插入類似[buttoncolor="red"url="https://example.com"]點擊這里[/button]的標簽，并可通過do_shortcode()在模
如何診斷WordPress引起的高CPU使用
Jul 06, 2025 am 12:08 AM
WordPress導致服務器CPU使用率飆升的主要原因包括插件問題、數(shù)據(jù)庫查詢效率低、主題代碼質量差或流量激增。1.首先通過top、htop或控制面板工具確認是否為WordPress引起的高負載；2.進入故障排查模式逐步啟用插件排查性能瓶頸，使用QueryMonitor分析插件執(zhí)行情況并刪除或替換低效插件；3.安裝緩存插件、清理冗余數(shù)據(jù)、分析慢查詢日志以優(yōu)化數(shù)據(jù)庫；4.檢查主題是否存在過度加載內容、復雜查詢或缺乏緩存機制等問題，建議用標準主題測試對比并優(yōu)化代碼邏輯。按照上述步驟逐一排查可定位并解
如何在沒有插件的情況下優(yōu)化WordPress
Jul 05, 2025 am 12:01 AM
優(yōu)化WordPress站點不依賴插件的方法包括：1.使用輕量級主題，如Astra或GeneratePress，避免功能堆砌的主題；2.手動壓縮和合并CSS、JS文件，減少HTTP請求；3.上傳前優(yōu)化圖片，使用WebP格式并控制文件大??；4.配置.htaccess啟用瀏覽器緩存，并接入CDN提升靜態(tài)資源加載速度；5.限制文章修訂版本并定期清理數(shù)據(jù)庫冗余數(shù)據(jù)。
如何在WordPress中縮小JavaScript文件
Jul 07, 2025 am 01:11 AM
MinifyingJavaScript文件可通過刪除空白、注釋和無用代碼來提升WordPress網(wǎng)站加載速度。1.使用支持合并壓縮的緩存插件如W3TotalCache，在“Minify”選項中啟用并選擇壓縮模式；2.使用專用壓縮插件如FastVelocityMinify，提供更精細控制；3.手動壓縮JS文件并通過FTP上傳，適用于熟悉開發(fā)工具的用戶。注意部分主題或插件腳本可能與壓縮功能沖突，啟用后需徹底測試網(wǎng)站功能。
如何使用瞬態(tài)API進行緩存
Jul 05, 2025 am 12:05 AM
TransientsAPI是WordPress中用于臨時存儲可自動過期數(shù)據(jù)的內置工具，其核心函數(shù)為set_transient、get_transient和delete_transient。相比OptionsAPI，transients支持設置生存時間（TTL），適合緩存API請求結果、復雜計算數(shù)據(jù)等場景。使用時需注意key命名唯一性與命名空間、緩存“懶刪除”機制及對象緩存環(huán)境下可能不持久的問題。典型應用場景包括減少外部請求頻率、控制代碼執(zhí)行節(jié)奏和提升頁面加載性能。
如何使用對象緩存進行持續(xù)存儲
Jul 03, 2025 am 12:23 AM
對象緩存可輔助持久存儲，適用于高訪問低更新、可容忍短暫丟失的數(shù)據(jù)。1.適合用緩存“持久化”的數(shù)據(jù)包括用戶配置、熱門商品信息等，能從數(shù)據(jù)庫恢復但使用緩存可加速訪問。2.選擇Redis等支持持久化的緩存后端，啟用RDB或AOF模式，并配置合理過期策略，但不能替代主數(shù)據(jù)庫。3.設置長TTL或永不過期鍵，采用清晰鍵名結構如user:1001:profile，修改數(shù)據(jù)時同步更新緩存。4.可結合本地與分布式緩存，本地存小數(shù)據(jù)、Redis存大數(shù)據(jù)并用于重啟后恢復，同時注意一致性與資源占用問題。
如何使用插件檢查插件
Jul 04, 2025 am 01:02 AM
PluginCheck是一個幫助WordPress用戶快速檢查插件兼容性和性能的工具，主要用來識別當前安裝的插件是否存在與最新版本W(wǎng)ordPress不兼容、存在安全漏洞等問題。1.如何開始檢查？安裝激活后，在后臺點擊“RunaScan”按鈕即可自動掃描所有插件；2.報告包含插件名稱、檢測類型、問題描述及解決方案建議，便于優(yōu)先處理嚴重問題；3.建議在更新WordPress前、網(wǎng)站異常時或定期運行檢查，提前發(fā)現(xiàn)隱患，避免未來出現(xiàn)重大問題。
