WordPress theme.json 產生器

產生有效的 theme.json——並看清哪一半才真正改變你的網站。

在你的瀏覽器裡執行。什麼都不會被上傳。

版面配置

contentSize 是預設的內容欄寬度，wideSize 則是區塊設定為「寬版」時使用的寬度。

內容寬度（px）寬版寬度（px）

調色盤

這些會成為 CSS 自訂屬性，並出現在編輯器的每一個色彩選擇器中。

對比色（文字）

基本色（背景）

強調色（連結）

選項

流動式字型輸出 clamp() 字級，隨可視區域平滑縮放，而不是在斷點處跳動。 appearanceTools一行即可開啟框線、間距、字型與色彩控制項，不必逐項手動啟用。一併套用 styles加入 styles 區塊，讓調色盤真正呈現在前台。否則這些色彩只會在編輯器中可選。間距級距產生 7 階間距預設值，讓內距與外距控制項有合理的數值。

settings 與 styles 的差異

theme.json

請將其儲存為佈景主題根目錄下的 theme.json。每次載入頁面都會讀取，不需建置步驟，也沒有快取要清除。

關於WordPress theme.json 產生器

一款 WordPress theme.json 產生器，輸出有效的第 3 版檔案：版面寬度、色彩調色盤、流動式字級與間距級距。它也把人人都會搞混的差異攤開來——settings 只是把值提供給編輯器，styles 才會套用到前台，而只有調色盤、在有東西用到它之前不會有任何改變。

相關

你可能還需要的其他工具

WordPress 圖片尺寸實驗室

拖入一張圖片，看看 WordPress 會為它產生的每一份副本。