構建WordPress 塊主題指南

本指南介紹如何利用Cursor AI 快速生成WordPress 塊主題，並對其進行調整優化。整個過程不到十分鐘即可完成一個基本主題的搭建。

準備工作

1. 確保開發環境（如Valet）已安裝並運行。

2. 創建項目文件夾，準備好參考素材（如網頁截圖）。

設置Cursor 規則

1. 在項目中創建.cursor文件夾，並添加規則：

• 內容寬度900px，最大1200px

• 採用clamp()進行響應式排版

• 關閉自定義顏色和字體大小

• 遵循WordPress 編碼標準

• 主題名稱：AI 構建

• 存放位置： wp-content/themes/

• 必要文件： style.css 、 theme.json 、 functions.php 、 header.php 、 footer.php

• 主要模板： index.php 、 single.php 、 archive.php 、 home.php

• 設計要求：

• 圖片隨機選擇

運行Cursor AI

1. 提供規則文件、參考截圖、WordPress 官方文檔（可選）。

2. 發送提示，要求AI 生成主題。

檢查與優化

1. 確認AI 生成的theme.json是否符合要求。

2. 調整HTML 結構、優化樣式和圖片。

3. 測試響應式效果，修正對比度問題。

應用主題

1. 在WordPress 中啟用主題。

2. 進入主題編輯器進行最終調整