你想讓網站設計效率翻倍嗎?這篇2025年完整教學,教你在 WordPress 中快速安裝 Divi 主題,無論用儀表板直裝或透過 cPanel 的檔案管理,都能一步到位。
以實務經驗為基礎,我會帶你完成雙路徑的要點與常見坑:從上傳、解壓、啟用,到 API 金鑰設定與 Classic Editor 插件安裝,再以 divi Builder 從佈局庫快速套用模板。我的經驗顯示,遵循這個流程能減少路徑與佈局衝突,讓載入更順暢。本文將逐步帶你完成從登入到發布的完整流程,讓你快速擁有專業網站。
文章目錄
- WordPress 安裝 Divi 的雙路徑指南 優化流程從儀表板到 cPanel 的高效作法
- 從上傳到啟用的實務流程 如何順利上傳解壓並設定 API 金鑰實現穩定啟用
- 提升開發效率的核心步驟 安裝 Classic Editor 插件與啟用 Divi Builder 的最佳實踐
- 從佈局選擇到前端展示 設計首頁與套用佈局並設定靜態前頁的高效工作流
- 問題排解與最佳實務 常見衝突排解與前端預覽的穩健設定策略
- 常見問答
- 重點整理
WordPress 安裝 Divi 的雙路徑指南 優化流程從儀表板到 cPanel 的高效作法
以下為 WordPress 安裝 Divi 的雙路徑高效作法,內容根據實作經驗整理,適用於 2025 年版本。透過儀表板與透過 cPanel 兩條路徑各自完成安裝、啟用與初步設定,確保設計流程快速且穩定。
路徑A:透過儀表板在 WordPress 安裝 Divi
- 登入 WordPress 後台。
- 前往 外觀 > 主題 > 新增,點選「上傳主題」並選取 Divi.zip,然後點擊 安裝。
- 安裝完成後點選 啟用。
- 進入 Divi 對應設定(Updates/ Updates 欄位),輸入 API 金鑰與使用者名稱,儲存設定以完成授權。
- 建立新頁面,使用 Divi Builder 進行設計:新增頁面 > 使用 Divi Builder,選擇佈局並發布。
- 如果直接預覽為空白,於設定中的 讀取設定(Reading)將「首頁顯示」設定為靜態頁面(Home),以顯示剛完成的 Divi 佈局。
路徑B:透過 cPanel 的 file Manager 安裝 Divi
- 登入主機控制台,開啟 cPanel,進入 File Manager,定位至 public_html → 你的 WordPress 目錄 → wp-content → themes。
- 點擊 Upload 上傳 Divi.zip;上傳完成後若出現「已存在」的警告,點擊檔案並選取 Extract 解壓。
- 確認解壓後的資料夾存在於 wp-content/themes,回到 WordPress 後台 > 外觀 > 主題,啟用 Divi。
- 於 Divi 的設定中輸入 API 金鑰與使用者名稱,按下儲存以完成授權。
- 安裝 Classic Editor 插件(插件 > 新增 > 搜尋 Classic Editor > 安裝並啟用),以確保 Divi Builder 的最佳相容性。
- 之後同樣建立頁面,使用 Divi Builder 進行設計與佈局,並依需要設定靜態首頁與發布。
安裝完成後的後續優化與注意事項
- 確保 Divi 與 WordPress 版本相容,並完成一次網站備份以防回退。
- 把前端首頁設定為靜態頁面,以穩定顯示新設計的佈局(Settings > Reading)。
- 定期檢查 API 金鑰有效性與使用者名稱,避免授權失效影響更新與支援。
- 遇到「已上傳/已存在」等訊息時,先解壓並重新整理頁面,必要時清除快取再載入以確保變更生效。
從上傳到啟用的實務流程 如何順利上傳解壓並設定 API 金鑰實現穩定啟用
要順利完成 Divi 主題 的上傳與啟用,並確保後續穩定運作,請遵循下列實務流程。本文以實務經驗為基礎,涵蓋「以 Dashboard 直接安裝」與「以 CPanel 上傳解壓」兩種路徑,並在完成安裝後設定 API 金鑰 與建站流程。
上傳與解壓實務要點:
- Dashboard 安裝:WordPress 後台 > 外觀 > 主題 > 新增 > 上傳主題 > 選取 Divi.zip > 安裝 > 啟用。
- 遇到「已上傳」或相似訊息時,表示壓縮檔已存在於伺服器。此時可於 cpanel 的 File Manager 先確認目錄下是否已有相同檔案,必要時先移除舊檔再重新上傳,完成後在 WordPress 後台重新啟用主題。
- CPanel 上傳解壓:登入 CPanel > File Manager > 公開目錄(通常 public_html/your_domain)> wp-content/themes,點選上傳 zip,完成後若出現紅色提示,右鍵選取 Extract 解壓,解壓完成後回到 WordPress 後台啟用 Divi 主題。
啟用與設定 API 金鑰與建站流程:
- 安裝完成後,先在 Divi 的 Updates 或相關設定頁找到 API 金鑰(API Key),填入你的 使用者名稱 與 API 金鑰,點擊 Save Changes。若金鑰為終身型,將可穩定啟用與更新,降低後續介面變動風險。
- 為讓 Divi 具備完整功能,安裝必要插件:在 WordPress 後台 > plugins > Add new 搜尋 Classic Editor,安裝並啟用,以確保 Divi Builder 的相容性與順暢操作。
- 開始建站:Pages > Add New > Use Divi Builder,選擇 Layout 後 Publish。若直觀看不到 Divi 佈局,請於 Settings > Reading 將「首頁顯示」設為你建立的 Home 頁面,並重新整理預覽。
完成以上步驟後,你即可利用 Divi Builder 進行頁面設計與佈局選擇,並藉由穩定的 API 金鑰確保啟用不中斷。若遇到網頁顯示延遲或佈局載入慢,建議先檢查網路狀態與主機資源,並確保佈局包與插件版本相容,以維持長期穩定的網站建置體驗。
提升開發效率的核心步驟 安裝 Classic Editor 插件與啟用 Divi Builder 的最佳實踐
要提升開發效率,核心在於快速且穩定地完成 Divi 主題安裝與啟用,並善用 Divi Builder 的佈局庫。你可以選擇兩條實務路徑:在 WordPress 後台儀表板完成安裝與啟用,或透過 CPanel 的檔案管理器上傳檔案並在儀表板中啟用。兩者都能讓 Divi 快速落地,接著再啟用 Divi builder 進行設計。
- 透過儀表板安裝與啟用 Divi:登入 WordPress 後台,前往 外觀 → 主題,點選 上傳主題,選取 Divi 主題檔案(zip 檔),安裝並啟用。完成後回到儀表板並重新整理,即可開始設定與建立頁面。
- 透過 CPanel 檔案管理器安裝:登入 CPanel,開啟 檔案管理器,進入 public_html → 你的目錄 → wp-content/themes,上傳 Divi 壓縮檔並等待上傳完成,必要時解壓縮,完成後回到 WordPress 儀表板刷新並啟用 Divi 主題。
為了讓 Divi Builder 正常運作,安裝 Classic Editor 插件與設定 Divi 的 API 金鑰與使用者名稱是必走的步驟。以下是要點:
- 在 wordpress 後台安裝並啟用 Classic Editor 插件;
- 建立新頁面,點擊 Use Divi Builder;
- 點選 Browse Layout,選取佈局並發布頁面;
- 若前端頁面未正確顯示,至 Settings → Reading 將首頁顯示設為靜態頁面,並選取剛建立的首頁;
- 在 Divi 設定中輸入 API 金鑰 與 使用者名稱,儲存變更,確保 Divi builder 可永久啟用。
實務上的最佳實踐與常見問題解法如下,能幫你穩定提升開發效率:
- 使用長期有效的 API 金鑰(Life-time 版優先),避免頻繁重新授權影響開發流程;
- 遇到 「已上傳/檔案已存在」的錯誤,先回到檔案管理器確認檔案已存在於目錄中,然後自行解壓縮以完成安裝;
- 發布佈局後,若前端顯示不同,請刷新頁面,並在 Settings 內重新確認靜態首頁設置是否正確;
- 在完成 API 與佈局設定後,定期檢查 Divi 更新與快取,確保設計起始點穩定且一致。
從佈局選擇到前端展示 設計首頁與套用佈局並設定靜態前頁的高效工作流
要讓從佈局選擇到前端展示的工作流更高效,請依下列流程完成在 WordPress 使用 Divi 的佈局設計與靜態前頁設定。你可選擇在 WordPress 後台直接安裝 Divi,或透過 cPanel 的檔案管理器上傳。以下步驟涵蓋雙路徑,並著重在快速啟用與穩定輸出。
- 在 WordPress 後台安裝 Divi:外觀 → 佈景主題 → 上傳主題 → 選取 Divi.zip → 安裝 → 啟用。
- 或透過 cPanel安裝:開啟檔案管理器 → public_html/你的目錄 → 上傳 Divi.zip → 解壓縮 → 回到 wordpress 後台啟用。
- 設置 Divi API 金鑰:進入 Divi 設定,輸入 API Key 與使用者名稱,儲存以完成啟用。
- 安裝 Classic Editor 外掛:外掛 → 新增 → 搜尋「Classic Editor」 → 安裝與啟用,確保 Divi Builder 正常載入。
接著進入「佈局選擇與前端展示」環節,利用 Divi Builder 快速建立並呈現首頁效果。
- 在 Dashboard 內開啟 Divi Builder 新增頁面,使用 Use Divi Builder。
- 點選 Browse Layout,選擇你要的佈局。Divi 提供超過 2,694 個佈局與 317 個佈局套裝,可快速匹配各種設計風格。
- 套用佈局後 發布,並於前端預覽呈現初步效果,若需要調整可再次回到 Divi Builder 繼續微調。
最後一步是設定 靜態前頁,確保前台入口直接顯示你設計的首頁佈局。
- 前往 設定 → 讀取設定,選取 靜態前頁,將 首頁 指定為你剛建立的 Home 頁面,儲存變更。
- 回到前端並 重新整理,確認首頁以 Divi 佈局呈現。若遇到顯示異常,回到 Dashboard 檢查 Divi API、佈局載入狀態與頁面設定是否正確。
- 如需全域樣式與模板調整,可在 Divi Theme Options 內做進階設定,以確保前端展示與後端設計同步。
問題排解與最佳實務 常見衝突排解與前端預覽的穩健設定策略
以下是常見衝突排解與前端預覽的穩健設定策略,基於在 WordPress 安裝 Divi 主題的實務經驗所整理的要點。
- 上傳檔案已存在的錯誤:在 cPanel File Manager 上傳 Divi zip 後若出現「already uploaded」,先返回儀表板重新整理。於已上傳的檔案中執行 解壓縮,完成後重新整理儀表板,即可看到新主題並啟用。
- 插件/編輯器衝突:為確保 divi Builder 正常工作,建議安裝並啟用 Classic Editor 插件,以避免 gutenberg 與 Divi 的介面衝突造成排版或編輯問題。
- API 金鑰設定:安裝完成後,於 Divi Theme Options 的「API 金鑰」欄位填入你的 username 與 API key,並儲存。若具備 Life API,優先使用以降低未來的更新需求。
在 WordPress 後台的 外觀 > Divi 介面即可開始建置流程:於 Use divi builder 建立頁面,選取 Browse Layout,選擇合適的佈局並發布。若以自訂佈局為主,確保 Divi 主題已啟用,並在必要時安裝相關外掛以穩定相容性。
如果以 CPanel 的檔案管理器來安裝,流程為:開啟 public_html 下的對應資料夾,將 Divi zip 上傳,遇到「已存在」訊息時,直接選擇 Extract 解壓,並在儀表板重新整理即可看到新佈景。完成後啟用 Divi、填入 API 金鑰,再於 Plugins 安裝 Classic Editor,最後在頁面中使用 Divi Builder 設計,並將 Home 設定為靜態首頁以確保路由穩定性。
為確保前端預覽穩健,建議的要點包括:
- 設定 靜態首頁,避免動態頁面造成預覽差異。
- 在 Divi Builder 中逐步預覽佈局、並於發佈前測試不同裝置與解析度的呈現。
- 發佈後清除快取、檢查外掛與主題版本一致性,確保實際頁面與預覽一致。
常見問答
如何在 WordPress 後台安裝並啟用 Divi 主題? 🧩
在 WordPress 後台安裝並啟用 Divi 主題的重點,是先上傳主題檔案並完成安裝與啟用。
步驟如下:
– 進入 外觀 > 主題 > 新增 > 上傳主題,選取 Divi 的 ZIP 檔(通常位於桌面資源資料夾中),安裝後點擊啟用。
- 安裝完成後,為完整使用 Divi Builder,安裝並啟用 Classic Editor 插件。
– 建立新頁面,選用 Use Divi Builder,從佈局庫中選取模板或自訂,發布頁面。若預覽顯示空白,於 設定 > 讀取 中把首頁設定為靜態頁面 Home,並重新整理。
透過 CPanel 的檔案管理器安裝 Divi 主題? 🗃️
透過 cpanel 安裝 Divi 的重點,是把 Divi 主題壓縮檔上傳至 wp-content/themes 資料夾,並解壓後啟用。
步驟如下:
– 登入 CPanel,開啟檔案管理器,進入 public_html → 你的 WordPress 資料夾 → wp-content → themes。
– 點 upload 上傳 divi.zip,完成後如果出現「already uploaded」訊息,先返回,右鍵該壓縮檔選 Extract 解壓。
– 解壓完成後回到 WordPress 後台,外觀 > 主題,Divi 會出現在主題清單中,點擊啟用。
– 之後如同前述,設定 Divi API 金鑰與其他設定,即可開始使用。
安裝完成後,如何啟用 API 金鑰並開始使用 Divi Builder? 🗝️
要讓 Divi 全功能運作,必須設定 Divi API 金鑰與使用 Divi Builder。
步驟如下:
– 在 Divi 設定中找到 API 金鑰與使用者名稱欄位,填入你已保存的 API 金鑰與使用者名稱,然後儲存變更。
– 如果尚未安裝,安裝並啟用 Classic Editor 插件,確保 Divi builder 可以順利運作。
– 建立新頁面,點選 Use Divi Builder,從佈局庫中選擇模板(Divi 內建有 2,694 個總佈局,另有 317 套佈局包)。
– 編輯並發布頁面。若直接預覽顯示空白,於設定的「首頁」設為 Home 靜態頁面,然後重新整理即可看到設計成形。
重點整理
本篇教學以兩條實務路徑完整展現:透過 WordPress 的儀表板直接安裝 Divi 主題,或使用 cPanel 的檔案管理上傳並解壓安裝。從登入、導航到啟用、再到佈局選取與發佈,所有步驟都以實作為主,讓你能在短時間內建立起專業的網站。關鍵洞見包含:遇到「已存在」的上傳情況時的處理方式、API 金鑰的設定與其重要性、必須安裝 classic Editor 插件以啟用 Divi Builder、以及 Divi 的龐大佈局庫如何成為你設計的加速器。為確保 Divi 能正確顯示與運作,還需要將首頁設置為靜態頁並妥善配置前端顯示。透過這些資訊與流程,你可以在更短時間內完成高水準的網站設計,並減少試錯成本。
– 雙路徑安裝的實戰要點:儀表板安裝與 cPanel 檔案管理上傳的差異與共通流程。
– 上傳遇到「已上傳」的情況時的解決方式(重新整理、解壓縮等步驟)。
– 安裝與激活 Divi 主題後,設定 Lifetime API Key 的重要性與步驟。
– 必須安裝 Classic Editor 插件以啟用 Divi builder,進入頁面後選用 Use Divi Builder 開始設計。
– Divi 佈局庫極為豐富:近 2,694 套 Layout、317 套 Pack,快速套用現成佈局提升效率。
- 將首頁設為靜態頁,確保 Divi 佈局在前端正確顯示。
– 設計過程中的重點在於先選取佈局、再自訂內容,並完成發布以讓頁面正式呈現。
🔥 想要專業且不費力的網站嗎?在本教學中,我將一步步教你如何在 WordPress 安裝 Divi 主題,讓設定變得非常簡單快速。
💡 為何你應該觀看這部影片:
– 初學者友善,無需編碼
– 學會正確啟用與設定 Divi
– 節省時間,避免常見錯誤
– 發揮 Divi 的力量,在短時間內打造出色網站
– 影片結束時,你就能擁有可用的 Divi 主題與漂亮的網站
請訂閱我們的頻道、點讚並分享,開啟通知以獲取更多 WordPress 與 Divi 的技巧!
如需協助,whatsapp 聯繫:+2348059084477

中央大學數學碩士,董老師從2011年開始網路創業,教導網路行銷,並從2023年起專注AI領域,特別是AI輔助創作。本網站所刊載之文章內容由人工智慧(AI)技術自動生成,僅供參考與學習用途。雖我們盡力審核資訊正確性,但無法保證內容的完整性、準確性或即時性且不構成法律、醫療或財務建議。若您發現本網站有任何錯誤、過時或具爭議之資訊,歡迎透過下列聯絡方式告知,我們將儘速審核並處理。如果你發現文章內容有誤:點擊這裡舉報。一旦修正成功,每篇文章我們將獎勵100元消費點數給您。如果AI文章內容將貴公司的資訊寫錯,文章下架請求,敬請來信(商務合作、客座文章、站內廣告與業配文亦同):[email protected]




