[TOC] ## Wordpress 主題開發大體分為以下步驟: ```[sequence] Title: 1創建目錄->2調整主題: 15分鐘內( style.css、\n functions.php )等 2調整主題-->3添加模板: 1個小時以上 \n ( colours, \n typography) 等 3添加模板->>4自定義側邊欄: 每個模板10-20分鐘 \n ( home,post,page) 等 4自定義側邊欄-->>4自定義側邊欄: 15-30分鐘 ``` ***** ```[sequence] Title: 5自定義post-->>5自定義post: 15-30分鐘 \n 定義post type代碼: 5自定義post-->>5自定義post: 15-30分鐘 編寫模板: 6開啟SEO功能->>6開啟SEO功能: 15-30分鐘 \n ( title,description...) 7添加JS與CSS-->>7添加JS與CSS: 取決于\nJS/CSS的量 8測試和部署-->>8測試和部署:（ 1小時）瀏覽器\n兼容測試: 8測試和部署-->>8測試和部署: W3C驗證: 30分鐘 8測試和部署-->>8測試和部署: 發版部署: 15分鐘 ``` 1. 創建主題文件目錄結構(style.css、functions.php 等) ,基本可以在15分鐘內完成。 2. 調整主題樣式(colours, typography 等),取決于樣式復雜程度,從1個小時到幾天不等。 3. 添加頁面模板(home,post,page等),每個模板10-20分鐘。 4. 自定義側邊欄,大概15-30分鐘。 5. 添加自定義post類型: * 定義post type代碼:15-30分鐘 * 編寫模板:15-30分鐘 6. 開啟SEO功能(title,description標簽等) ,15-30分鐘。 7. 添加JS與CSS,取決于JS/CSS的量。 8. 兼容測試和部署: * 關鍵瀏覽器兼容測試:1小時左右 * W3C驗證: 30分鐘 * 部署到產品環境:15分鐘 因此,一個基礎的Wordpress主題大致能在1-2天完成。主題涉及到復雜樣式、許多定制化的post type以及大量JS/CSS時,可能會花費幾周到一個月不等。 ## 快速開發主題的關鍵在于以下方面: * 使用 generators 生成主題架構 * Underscores (\_s):一款很受歡迎的 Wordpress 主題生成器。 * Roots:同樣受歡迎的主題生成器,支持 SASS、Grunt 等。 * Atomize:專注于性能和簡潔的主題生成器。 * Hocus:基于Node的主題生成器。 \-WP Rig:提供了自定義選項和 SEO 功能的主題生成器。 * 把重復性工作提取為functions.php中的函數 * 使用SASS 等 CSS預處理器加快樣式迭代速度 * 使用 Gulp/Grunt 進行自動化開發過程 ## WordPress主題工具庫: 1. WooCommerce Themes:這是WooCommerce官方出品的主題集合。支持所有WooCommerce功能,且針對商業站點做了大量SEO優化。 2. Genesis - Framework:由StudioPress開發的主題框架,內置SEO插件可以實現SEO優化。還有不少針對WooCommerce商城的子主題。 3. Newwp Themes:提供多款WooCommerce電商主題,SEO功能齊全,包括完整的結構數據、圖片SEO等。 4. Advance theme:這款主題框架自稱為WP商業主題極致方案。支持WooCommerce且重視SEO,首要目標是搜索引擎優化。 5. Page Builder Framework:提供多款主題模板,支持WooCommerce。結構清晰,方便SEO實踐。 6. Newspaper:為新聞網站量身定制,SEO做的非常周到。也可用于商業主題,同樣SEO功能齊全。 總的來說,這些主題工具庫都同樣支持WooCommerce,并重視SEO優化。 如果想要一個最符合WooCommerce和SEO需求的主題: * WooCommerce Themes 來自WooCommerce官方,最有針對性 * Genesis Framework 內置SEO插件,提供不少Woo子主題 * Newwp Themes 自稱重視圖片SEO等細節 * Advance Theme 專注商業主題且重視SEO * Newspaper 主題本身SEO功能就非常全面