wp-block-themes
建置 WordPress 區塊佈景主題
WordPress 區塊佈景主題需要精確的 theme.json、範本、版面配置和樣式變化結構。此技能為 Claude、Codex 和 Claude Code 提供針對性的指引,以安全地編輯佈景主題並進行偵錯。
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨上下文、而不是讀取完整頁面時,請使用這些連結。
測試它
正在使用「wp-block-themes」。 檢查我的佈景主題資料夾,並告訴我這是否為區塊佈景主題。
預期結果:
一份簡潔報告,列出佈景主題根目錄、theme.json 是否存在,以及有哪些 templates、parts、patterns 和 styles 資料夾。
正在使用「wp-block-themes」。 我的 theme.json 色彩變更沒有出現在網站編輯器中。
預期結果:
一份偵錯檢查清單,涵蓋作用中佈景主題選擇、使用者自訂、樣式階層和 theme.json 結構驗證。
正在使用「wp-block-themes」。 為我的佈景主題新增樣式變化。
預期結果:
一份檔案放置計畫、命名指引、相容性注意事項,以及網站編輯器和前端行為的驗證步驟。
安全審計
低風險Static analysis reported many high-risk patterns, but review found no malicious intent, no prompt injection, and no confirmed weak cryptography. Most command and crypto matches are Markdown backticks around WordPress terms, file paths, or documentation links. The only real concern is a local Node.js helper that reads the current repository to detect block theme folders.
低風險問題 (4)
風險因素
⚡ 包含腳本 (1)
⚙️ 外部命令 (2)
🌐 網路存取 (6)
品質評分
你能建構什麼
建立新的區塊佈景主題
使用此技能規劃最小檔案結構、選擇 theme.json 版本,並驗證區塊佈景主題資料夾。
偵錯樣式覆寫
使用此技能檢查使用者自訂、子佈景主題或無效的 theme.json 資料是否覆寫了預期樣式。
維護佈景主題版面配置
使用此技能組織檔案系統中的版面配置、範本、組件和樣式變化,同時不破壞編輯器預期行為。
試試這些提示
使用 wp-block-themes skill 檢查此儲存庫,並識別作用中的區塊佈景主題結構。
使用 wp-block-themes skill 將編輯器可見的色彩和間距預設新增至我的 theme.json。
使用 wp-block-themes skill 說明為什麼我的網站編輯器樣式與前端不同,並提出檢查項目。
使用 wp-block-themes skill 規劃從傳統佈景主題轉換為區塊佈景主題,包含範本、組件、版面配置和驗證步驟。
最佳實務
- 在編輯任何佈景主題檔案前,先確認目標佈景主題根目錄。
- 在變更設定、樣式或區塊規則後,驗證 theme.json 結構。
- 同時在網站編輯器和前端測試變更,因為覆寫行為可能不同。
避免
- 編輯非作用中的佈景主題,並假設網站編輯器會反映該變更。
- 在檢查 theme.json 是否支援所需樣式前就使用自訂 CSS。
- 變更已選取的樣式變化,卻未測試重設或新使用者行為。