Whoops

Divi 主題終極指南:從購買安裝到進階技巧

Divi 是 Elegant Themes 開發的 WordPress 佈景主題,內建 Divi Builder 視覺化編輯器,隨附 Bloom 與 Monarch。完整教學安裝、Section/Row/Module 佈局、Theme Builder 與 WooCommerce 架站,一套系統撐起品牌官網到小型電商。

作者:褚崇名(Sliven)

本頁目錄

先回答你最想知道的:2026 年 Divi 還值不值得選

Elegant Themes 的發布公告確認 Divi 5 已在 2026 年 2 月正式發布,現在評估 Divi,不能再沿用 beta 階段的印象。它不是人人都該用的工具;是否划算,要看版型需求、第三方模組相容性、維護方式與授權成本。

WordPress 與 Divi 的實務流程可分成安裝、版面製作、上線檢查與長期維護;方案選擇與常見地雷也應一併評估。版型安排可參考Divi 版型設計與範本選擇

哪些人現在還該認真考慮 Divi

  • 接案設計師或一人工作室:你需要一套能快速套版、又能高度客製的系統,Divi 的版型庫加上 Theme Builder 可以把產出速度拉到很高。
  • 非技術背景的創業者:你不會寫 CSS,但你想要一個視覺化、所見即所得的編輯器,自己改文字改圖片不用每次都找工程師。
  • 同時要架很多個站的人:Elegant Themes 的會員授權讓你在無限個專案上使用,這個條件在主流付費主題裡很少見。

反過來說,如果你的網站核心是電商、而且是那種一個月幾千筆訂單的規模,我會建議你認真評估其他選擇,後面我會講清楚原因。WordPress 目前支撐了全球超過四成的網站(W3Techs 統計,2026 年 6 月),這個生態夠大,所以「Divi 適不適合你」這個問題值得你花十分鐘好好判斷。

Divi 到底是什麼:主題、外掛、Visual Builder 的三角關係

很多人買了 Divi 用了半年,還是搞不清楚三個名字的差別。這不是你理解力有問題,是 Elegant Themes 自己的產品線命名本來就容易讓人混淆。我把這個三角關係一次拆給你看。

名稱本質什麼時候碰到它
Divi Theme一個完整的 WordPress 佈景主題你安裝、啟用主題的時候
Divi Builder(外掛版)把 Divi 編輯器搭配相容的其他主題使用你想保留現有主題時
Visual Builder你實際在前台拖拉排版的那套操作介面你打開頁面、開始設計的那一刻

換句話說,多數人買的「Divi」其實是 Divi Theme,它本身已經內建 Visual Builder。你會聽到 Divi Builder 外掛版本,那是給「不想換主題、但想用 Divi 編輯器」的人準備的另一種買法。Elegant Themes 的官網會把這些產品列在一起,你若記得一個原則:你要的是完整主題,就選 Divi Theme;你已經有愛用的主題、僅想借它的編輯器,才考慮外掛版。

跟 Divi 常被一起提起的還有兩個附屬產品:Bloom(電子報訂閱外掛)和 Monarch(社群分享按鈕)。這兩個是你的網站上線後、要做名單收集和社群擴散時會用到的,我後面會在行銷整合的段落談到怎麼接。

價格與授權:Yearly 跟 Lifetime 到底怎麼選

這是多數人最常疑惑的問題之一,也是很多人第一次買就踩坑的地方。Divi 的定價邏輯很簡單,但簡單到讓人以為「反正都一樣」,結果買錯方案。

Elegant Themes 目前的核心授權分成每年 89 美元的 Yearly Access 與一次 249 美元的 Lifetime Access,皆可用於不限網站數,並包含 Divi、Extra、Bloom、Monarch。Divi AI、Cloud、Teams、VIP 等 Pro 服務是另行續訂的項目,不應和 Lifetime 主題授權混為一談(見 Elegant Themes 定價頁,2026 年 7 月查詢)。

方案付款方式適合誰我的判斷
Yearly(年繳)89 美元/年先驗證工作流程的人續訂才持續取得更新與支援
Lifetime(終身)249 美元一次付清預計長期使用核心產品的人Pro 服務仍另計週期費用

以目前牌價計算,連續支付三年 Yearly 為 267 美元,高於 249 美元的 Lifetime;但是否該一次付款,還要看退款條款、預計使用年限、現金流與是否需要另行訂閱 Pro 服務。網站數量不是唯一判斷條件,因為兩個核心方案都允許不限網站數。

Divi 核心授權可用於不限網站數,但每個站仍要依官方方式連結帳號,才能持續取得授權涵蓋的更新與服務。Divi Cloud 屬於另行計費的 Pro 服務,不能把核心主題的 Lifetime 授權視為包含永久 Cloud 訂閱。如果你想把網站整體成本攤開來看,可以參考WordPress 架站費用的完整拆解

從購買到第一個頁面上線:完整安裝流程

很多人卡在「買完然後呢」。我把從零到看到第一個頁面的流程拆成六個動作,照著走就不會迷路。

  1. 購買會員:到 Elegant Themes 官網選方案、結帳,你會收到一組登入帳號密碼。
  2. 下載主題檔:登入會員後台,下載 Divi.zip 這個主題壓縮檔,同時記下你的 Username 和 API Key。
  3. 安裝到 WordPress:進 WordPress 後台的「外觀 → 佈景主題 → 安裝佈景主題 → 上傳佈景主題」,把 zip 檔傳上去、啟用。這一步的完整操作可以看安裝 WordPress 主題的詳細教學
  4. 更新 API Key:到「Divi → Theme Options → Updates」,填入 Username 和 API Key,這樣才能自動更新、也才能用版型庫。
  5. 選一個 Premade Layout:開一個新頁面,點「Enable Visual Builder」,進入編輯器後選「Choose a Premade Layout」直接套一套版。
  6. 改文字、換圖、發佈:把公司名稱、聯絡資訊、首圖換成你自己的,存檔發佈。第一個頁面就上線了。

實際時間會受主機上傳限制、帳號驗證與版型內容影響。API Key 或帳號連結要依目前後台提示完成,否則更新與會員服務可能無法使用。如果你連 WordPress 後台都還不熟,建議先花點時間摸熟後台的基本操作,再回來架 Divi 會順很多。

建立「設計師大腦」:Divi 的三層架構邏輯

Visual Builder 看起來像個隨便拖拉的畫布,但它背後有明確的層級邏輯。理解這個邏輯,能減少「為什麼這個區塊動不了」「為什麼這行字寬度不對」這類排版問題。

Divi 的版面結構是三層巢狀的:最外層是 Section(區段),裡面包 Row(欄位列),列裡面才是 Module(模組)。你可以把它想成一棟辦公大樓:Section 是一整層樓,Row 是那層樓裡的隔間配置(單人房、雙人房、還是開放式),Module 則是放在隔間裡的家具(桌子、椅子、盆栽)。

層級角色常見設定
Section決定一整塊內容的水平帶狀區域背景色、內距、視差效果
Row決定這一排要分成幾欄欄數、欄寬比例、間距
Module實際的內容元件文字、圖片、按鈕、表單

這個三層邏輯最大的好處,是它強迫你在排版的時候先想「結構」、再想「內容」。很多新手一打開編輯器就直接塞文字塞圖片,結果改一個地方就要動到全部。你若先花三十秒想好「這頁需要幾個 Section、每個 Section 分幾欄」,後面的修改成本會大幅下降。

Divi 內建了四十幾個模組,從最基本的文字、圖片、按鈕,到進階的定價表、作品集、計數器、滑桿都有。如果你想再擴充,第三方模組生態也很成熟,我會在後面的版型與擴充段落談到。

Theme Builder 跟 Visual Builder:兩套系統千萬別搞混

這是最多人、包括一些接案老手都會弄錯的地方。Divi 其實有兩套不同層級的編輯系統,它們名字像、用途卻完全不同。你分不清楚,就會犯那種「改了半天的頁首結果僅有這一頁變」的錯。

Visual Builder 是用來設計「單一頁面」內容的,你打開首頁、打開關於我頁面,用 Visual Builder 排的東西就僅影響那一頁。Theme Builder 則是用來設計「全站共用結構」的,像頁首、頁尾、文章範本、商品範本,這些設定一次、套用到全站。

Visual BuilderTheme Builder
層級單一頁面全站結構
典型用途首頁內容、登陸頁、關於我頁首、頁尾、文章範本
影響範圍僅有你正在編輯的那一頁所有套用該範本的頁面
判斷口訣改內容改骨架

一個很實用的判斷法:問自己「這個東西是不是每個頁面都長一樣?」如果是,用 Theme Builder;如果不是,用 Visual Builder。頁首的 logo、聯絡電話、導覽列,這些全站一致,所以是 Theme Builder 的活;首頁的 hero 區塊、特色服務介紹,每個站每頁都不同,所以是 Visual Builder 的活。

Divi 5 改版後 Theme Builder 的介面跟舊版差不少,如果你是從舊版升級上來,建議先看過Divi 5 全新介面的深度解析,熟悉暗色模式跟新的設定面板位置,才不會在新介面裡找不到以前慣用的選項。

版型生態:Premade Layouts、Divi Cloud 跟 Marketplace 三層資源

Divi 最被低估的價值,其實藏在編輯器背後那個龐大的版型生態。很多人僅盯著編輯器本身,反而錯過了更大的金礦。更多人買了 Divi 卻僅用內建的那幾個版型,等於買了一台跑車卻僅開去巷口買便當。我把這個生態分成三層,你一次搞懂該怎麼用。

第一層:內建 Premade Layouts

Divi 主題內建了數百組完整的預製版型,涵蓋餐廳、律師事務所、健身房、攝影師、線上課程等幾十種行業。這些版型是設計師水準的成品,你若套上去、改文字,就能得到一個看起來很專業的網站。如果你想知道這個版型庫的完整規模,可以參考兩千多組 Divi 高質感版型庫的整理

第二層:Divi Cloud 雲端版型庫

Divi Cloud 是另行訂閱的服務,可把版型與設計資產存到雲端,再於連結的網站取用;容量、網站與團隊權限要以當前方案為準。對需要跨站重用版型的團隊,它能減少重複製作。Divi Cloud 的完整用法可以看雲端版型儲存的指南

第三層:第三方 Marketplace

Divi 的第三方市集生態非常活躍,有專門賣子主題、賣擴充模組、賣設計素材的開發者。Elegant Themes 自己也經營了一個官方市集,讓你直接在裡面買到品質有把關的第三方作品。要找免費資源還是付費精品,可以看Divi Marketplace 資源總整理。不過要提醒你,第三方模組會增加網站的載入負擔,裝之前先想清楚「這個功能我真的需要嗎」,別為了一個炫砲的動畫效果拖垮整站速度。

還有一個小技巧:很多人會買付費的子主題(Divi Child Theme),這是別人把 Divi 改造得更美觀、功能更完整的版本,你套上去就能得到一個接近成品的網站。子主題是合法且官方鼓勵的玩法,但它跟主題更新之間偶爾會有相容性問題,裝之前最好確認那個子主題最近半年還有在更新。

進階客製化:字體、作品集與標題設計

當你把基本的版型套熟了,接下來會碰到一個關卡:怎麼讓網站看起來有你自己品牌的樣子,擺脫「套版做出來的」那種廉價感。這個差異,往往就決定了客戶覺得你的網站值多少錢。Divi 在這一層給的客製空間其實很大,僅是很多人不知道入口在哪。

第一個該投資的是字體。Divi 內建了 Google Fonts 的完整字型庫,但如果你想用自己買的商業字型、或品牌指定字體,它可以讓你上傳自訂字體。流程不複雜,但要留意字型檔的格式轉換,不同瀏覽器支援的格式不一樣,上傳前要先轉對。完整的字體上傳與格式轉換流程,可以看Divi 自訂字體的教學。一個小提醒:中文網站的字型檔通常很大,盡量用字型子集化的工具把用不到的字元剔除,否則會嚴重拖慢載入。

第二個值得花心思的是作品集頁面。如果你的業務需要展示案例、攝影作品、設計成品,Divi 的作品集模組可以做出好幾種展示樣式,從網格式到輪播式都有。重點在於你怎麼安排作品的分類和篩選邏輯,讓訪客能快速找到他想看的類別,用哪種樣式其實是次要考量。作品集頁面的設計思路,可以參考Divi 作品集設計的三種專業樣式

第三個是標題與視覺層次。很多套版做出來的網站,標題都長得千篇一律,缺少視覺重量。Divi 的標題模組可以調字距、行高、陰影、漸層色,你若在這幾個地方多花十分鐘,整個頁面的質感就會明顯不同。標題設計的具體技巧,可以看Divi 標題設計的實戰分享

如果你想做的是品牌官網(跟一般內容站的訴求不同),Divi 其實很適合這個用途。它的高度客製性讓你能把品牌的視覺語言完整呈現出來,不會像一些死板的主題那樣僅能改顏色。用 Divi 打造品牌形象網站的完整流程,建議你看過品牌網站架設的實戰教學再開始,會少走很多冤枉路。如果你是完全從零開始、連 WordPress 都還沒裝,那麼從架站第一步到網站上線的完整教學會更適合你當起點。

還有一個被低估的擴充來源:第三方外掛。Divi 本身的模組雖然夠用,但如果你要做輪播、篩選、進階表單這類功能,裝對外掛可以省下大量自己刻的時間。哪些外掛值得裝、哪些會拖累速度,可以參考必裝 Divi 外掛的推薦清單。記得裝外掛的原則跟選主題一樣:夠用就好,不要為了功能多就裝一堆用不到的東西。WordPress 外掛的整體挑選觀念,也適用在這裡。

行銷整合:用 Bloom 收名單、用 Monarch 做社群

網站上線僅是起點,接下來你要開始用它「做生意」。這時候 Elegant Themes 附帶的兩個行銷外掛就派上用場了。它們跟 Divi 主題是同一個會員授權綁在一起的,你不會多花錢,但很多人壓根沒打開過它們,等於把已經付費的工具晾在一旁。

如果你的生意型態是活動報名或單一服務的詢問,一頁式行銷頁通常比完整官網更聚焦,用 Divi 做一頁式網站的實戰流程把區塊順序到上線檢查都拆好了。

Bloom 是電子報訂閱名單收集外掛。它的核心價值不是「能放一個訂閱框」,而是它讓你用視覺化的方式設計各種觸發時機:彈出視窗、頁面內嵌、文章底部、滑動框、使用者要離開前才跳出。這些不同的觸發策略,對應的是不同的使用者心理狀態。你亂放一個彈出框,訪客僅會覺得煩;你放在對的時機,訂閱率會明顯不同。Bloom 的設定邏輯和幾種高轉換的觸發組合,可以看Bloom 電子報外掛的教學

本質上來說,名單是你網站最值錢的資產之一。廣告流量是租來的、社群演算法隨時會變,僅有你自己掌握的名單,才是你能主動觸發、長期累積的通路。所以我會建議你網站一上線就把 Bloom 接起來,哪怕前幾個月訂閱人數不多,這個基礎建設先打好,後面做行銷活動才有地方把人留下來。

Monarch 則是社群分享與追蹤按鈕外掛。它讓你在網站的各種位置放上分享按鈕,讓讀者看完一篇好文章能順手分享出去。聽起來很基本,但 Monarch 的設計讓你能精準控制按鈕出現的位置、樣式、和觸發行為,不會像一些陽春的分享工具那樣把版面弄得亂七八糟。完整的設定方式可以看Monarch 社群按鈕的教學。想跨出 Divi 生態、比較其他分享工具的人,可以再延伸看WordPress 社群分享設定的完整攻略。

一個我會提醒的觀念:社群按鈕不是越多平台越好。你放七八個分享按鈕,訪客反而會選擇障礙發作、一個都不按。挑兩三個你的目標讀者真的在用的平台就好,這在台灣市場通常是 LINE、Facebook,再加一個你內容屬性契合的。少即是多,這個原則在社群按鈕上特別明顯。

行動裝置優先:手機排版才是真正決戰點

全球的網頁流量現在有超過六成來自行動裝置(Statista 統計,2026 年 4 月)。這個數字代表的意義是:你的網站在手機上長什麼樣,比你桌上型電腦上長什麼樣重要太多了。很多人設計的時候盯著大螢幕調到完美,結果一上手機全部走樣。

Divi 在這件事上其實給了你不少籌碼,但你要主動去用。每一個 Section、Row、Module 的設定面板裡,都有一支手機和平板的圖示,點下去就能針對不同裝置分別設定字級、間距、顯示與否。最常被忽略也最實用的一個,是「手機版排序」:桌機上左右並排的兩欄,到了手機會變成上下堆疊,而堆疊的順序是可以調的,你可以讓比較重要的內容在手機上排在前面。

調整手機版面順序的具體做法,可以看Divi 手機版排序教學。一個我常用的判斷原則:行動版的設計不要追求「把桌機版完整搬過來」,而是要問「手機使用者來這頁最想看到什麼」,把那個東西放到最上面。聯絡頁就把電話和地址放最上面、產品頁就把購買按鈕放最上面,這種以使用者意圖為核心的排序,對轉換率和 SEO 都是加分。

另一個視覺效果在手機上要特別小心的,是視差滾動這類動態效果。它在大螢幕上看起來很炫,但在效能較弱的手機上常常卡頓,甚至因為 iOS Safari 的處理方式不同而出現破圖。你想用視差效果之前,最好先看過Divi 視差滾動的實戰教學,搞懂它在不同裝置上的行為差異。

速度真相:Divi 網站為什麼常常被嫌慢

我必須誠實說,這是 Divi 最常被攻擊、也最有爭議的一點。網頁載入速度會直接影響使用者體驗和 SEO 排名(web.dev 的說明),而 Divi 因為它的視覺化編輯器會產生較多的 DOM 元素和 CSS,在某些情況下確實會比手刻或較精簡的主題來得慢。但「Divi 一定慢」這句話是迷思,真相是:Divi 會不會慢,九成取決於你怎麼用它。

拖慢的原因實際做法
一個頁面塞太多動態模組每頁僅保留真正需要的模組,刪掉沒用到的 Section
圖片沒壓縮就用大圖上傳前先壓縮,可以用圖片壓縮工具批次處理
裝了一堆沒在用的外掛定期清理,僅留核心功能用的外掛
主機等級太低流量起來後換到等級夠的主機,主機選擇直接影響載入
沒開快取裝一套快取外掛,或用主機層級的快取

Divi 5 的底層重寫以效能與可擴充性為重點,但實際速度仍受版型、模組、圖片、第三方腳本、主機與快取影響。不要承諾「升級後不用改設定就會變快」;應在 staging 用相同頁面做前後測試,再決定是否遷移。更系統化的做法可搭配網站速度優化完整指南

一個實用的檢查點:用 Google PageSpeed Insights 跑一次你的網站,看它列出的問題清單。如果排名第一的問題是圖片太大,那就先處理圖片;如果是 render-blocking 的 CSS,那就調整外掛載入順序。不要看到分數低就亂改一通,按照它給的清單一個一個處理,效率最高。你也可以把 Ahrefs 的免費工具拿出來檢測,對網站健康度做更全面的體檢

接上 WooCommerce:用 Divi 開店前先想清楚三件事

WooCommerce 是 WordPress 上最主流的電商外掛,目前支撐了全球相當大比例的線上商店(W3Techs 市占統計,2026 年 6 月)。Divi 跟 WooCommerce 的整合是可行的,而且有專門的 Divi WooCommerce 模組讓你客製商品頁、購物車、結帳頁的外觀。但在你決定用 Divi 架電商網站之前,我要你先想清楚三件事。

一、你的商品數量級多大

商品數量不是 Divi 能否勝任的單一門檻。幾百或幾千項商品的效能,還受查詢、變體、篩選、外掛、快取與主機影響。先用代表性的商品量與篩選條件做負載測試,再決定是否採用 Divi。關於電商平台的整體比較,可參考最佳電商平台深度分析

二、你會不會頻繁改商品頁設計

Divi 的優勢在於視覺化客製。如果你會頻繁重新設計商品頁、登陸頁與促銷活動頁,Theme Builder 能提高版型彈性;若是穩定的標準商品頁,則可比較專用電商主題的預設流程、相容性與維護成本。

三、你未來的擴充計畫

電商網站會隨著業務成長而變複雜,會員制度、訂閱制、多國貨幣、物流串接,這些都會讓網站的技術負擔越來越重。如果你的計畫是長期做大,一開始就用對電商更友善的主題,會幫你省下後面很多重構的力氣。WooCommerce 的完整設定流程,建議你先看過購物網站架設的全攻略,把金流、物流、稅務這些基礎工程想清楚再決定。如果你要的是一個從商品上架到訂單管理的完整營運視角,WooCommerce 完整教學會是更好的起點。

選擇主機的時候也要把電商的負載考慮進去。同樣是 WordPress 主機,能撐住一個流量普通的部落格,不見得能撐住一個結帳尖峰同時在線的電商站。電商網站對主機的穩定度和回應速度要求更高,挑主機時建議你看過主機類型的比較與選擇指南,把方案等級和你的預期流量對齊,不要為了省一點主機費、在結帳高峰讓客人吃白屏。

SEO 準備度:Divi 網站上線前的檢查清單

這是最多人略過的環節。網站架得很漂亮,結果在 SEO 上漏掉關鍵設定,等於把自然流量這條最穩定的通路整個放棄。Divi 本身在 SEO 上是中性的,它不會幫你也不會害你,關鍵在於你有沒有把該做的設定補上。

這裡給你一份實用的上線前檢查清單:

  • 標題與 meta 描述:每個頁面都要有獨特的 SEO 標題和描述,不要全部用預設值。
  • 網址結構:設成文章名稱格式,網址要乾淨、可讀。
  • 標題層級:一頁僅有一個 H1(就是頁面標題),內文用 H2、H3 循序下降,不要拿 H1 來做視覺放大。
  • 圖片替代文字:每張圖都要寫 alt 文字,描述這張圖在傳達什麼。
  • 標準網址(canonical):協助搜尋引擎在相似或重複網址中選擇偏好的正本。重複內容不是「抄襲處罰」,但可能造成正規化與索引選擇不如預期,詳情可看標準網址的 SEO 解析
  • 內部連結:每個頁面都要有適當的內部連結,把相關內容串起來,幫助搜尋引擎理解你的網站架構。

可用主流 SEO 外掛協助管理標題、描述、canonical 與 sitemap,但外掛分數不是排名保證。網站上線後接上 Google Search Console,觀察索引、查詢與網址檢查資料;完整流程可看Search Console 設定教學

還有一個 Divi 使用者特別要注意的:因為 Visual Builder 會產生較多程式碼,你要確保搜尋引擎能正確讀到你的內容文字,而不是被一堆標籤擾亂。用 Google 的「網址審查」功能實際檢查一下渲染後的頁面,確認你寫的內容有被正確索引。網站結構和權重配置,可以進一步用 Ahrefs 工具做深度檢測。

維護與交接:避開「前任設計師留下的噩夢」

這一段是寫給接手別人網站的人、還有正在幫別人架站的人看的。最常見的 Divi 維護噩夢,是前任設計師把頁首存成一般區塊,結果全站幾十個頁面的聯絡電話全對不上。電話號碼一旦變更,理論上改一個地方就該全站同步,但因為當初沒有用 Theme Builder 的全域設定,而是把頁首一個一個複製到每個頁面,結果要改就要改幾十個地方,漏掉一個頁面上的電話就是錯的。

這個錯誤的根源,是設計師沒有分清楚「單頁內容」跟「全站結構」。正確的做法是:頁首、頁尾、聯絡資訊這類全站一致的元素,一定要用 Theme Builder 做成全域範本,這樣改一次、全站同步。如果你正在幫客戶架站,拜託用全域設定,這是你留給下一位接手者最大的善意。

元素類型正確做法錯誤做法
頁首 logo 與導覽列Theme Builder 全域頁首每頁用 Visual Builder 重做
聯絡電話與地址全域元件或 Theme Builder每頁手動輸入文字
頁尾版權宣告Theme Builder 全域頁尾每頁複製貼上
單頁的服務介紹Visual Builder 該頁編輯硬做成全域範本

另一個維護上的關鍵,是權限管理。如果你有共同的編輯者或內容更新人員,不要每個人都給管理員權限,按照職責分配編輯者、作者、投稿者等不同角色,可以大幅降低誤刪或誤改的風險。WordPress 的角色權限機制有完整的對應邏輯,你可以看使用者角色與權限的解析來正確設定。

還有一個該養成的習慣:重大改動之前先備份。Divi 有內建的匯出匯入功能,你可以把整套頁面設定匯出成 json 檔存在本機。搭配主機層級的自動備份,等於幫網站上了雙保險。養成這個習慣,哪天改壞了都能還原,不會在那邊對著壞掉的網站發呆。

升級 Divi 5:該不該換、怎麼無痛換

Divi 5 是 Elegant Themes 幾年來最大的一次底層重寫。它不僅是介面變漂亮、多了暗色模式,更重要的是整個程式架構被重新打造,解決了舊版長期被詬病的效能問題和與新版 WordPress 的相容性。但「該不該升級」這個問題,答案不是一律「馬上換」。

我的判斷標準是看你的網站現況:

  • 新架的站:直接用 Divi 5,沒有理由用舊版。
  • 運作穩定、沒在更新內容的舊站:不急著升,先備份後在測試環境試跑,確認你用的第三方外掛都相容。
  • 用了大量第三方子主題或模組的站:要特別謹慎,這些第三方作品對 Divi 5 的支援進度不一,貿然升級可能讓部分功能失效。

升級前先建立完整備份與 staging,盤點第三方模組並確認相容性。官方的 Divi 4 到 Divi 5 遷移指南說明,Divi 5 Migrator 會掃描並轉換支援的 Divi 4 模組;尚未支援的第三方 legacy 模組可能進入 backward compatibility mode,能維持顯示,但不會取得完整的 Divi 5 效能優勢。完成遷移後要測試範本、表單、響應式版面與前端互動,再安排正式站切換。

Divi 跟其他選擇:什麼情況你該轉台

這裡直接把話說清楚:有些情況「這工具不適合你」。Divi 很強,但它不是萬能。以下幾種情況,我會建議你認真考慮換工具。

如果優先追求極簡程式碼與細緻效能控制,可以比較輕量主題或原生區塊編輯方案;如果優先考量第三方擴充與教學資源,則比較主流頁面編輯器。在效能導向的選項裡,Bricks 這套頁面編輯器也值得放進同一份清單,用相同的頁面需求實際跑過一輪再比較。想再納入一個多用途主題一起評比的話,Betheme 多用途主題也是這個級距的常見選項,適合放進同一份清單實測。不要僅用品牌標籤判斷速度,應以同樣內容與功能做實測。

你的優先順序首選理由
最快套版、最大版型庫Divi版型生態最完整、Lifetime 授權最划算
極致輕量與速度輕量主題或原生區塊功能較少,較容易控制資源
擴充與教學資源主流頁面編輯器先比較相容性、維護與授權
純電商、商品量大專用電商主題為電商而生,完整度更高

如果你還在選擇主題的階段,建議你把幾個主流 WordPress 主題的完整比較看過一次,再決定。選主題這件事沒有「最好」,僅有「最適合你的情況」。我想強調的是,工具會換、方法會變,但「以使用者意圖為核心、以長期經營為目標」這個底層邏輯,不管你用哪個主題都不會變。

你的下一步行動方案

下一步,是把評估 Divi 到完成網站的路徑整理成六個具體動作。

  1. 確認你的需求:你想架的是品牌官網、部落格、還是小型電商?把目標寫下來,這會直接影響你接下來的所有決定。
  2. 選方案:僅做一個站先試水溫,選 Yearly;知道自己會做超過兩個站,直接上 Lifetime。
  3. 準備好主機和網域:沒主機的話先挑一台,網域跟主機的選擇會直接影響後面所有操作。
  4. 安裝 Divi 並套用第一個版型:依Divi 從零架站教學完成安裝、匯入與基本調整;實際所需時間會依主機、素材與客製程度而異。
  5. 把全域結構設好:用 Theme Builder 設好頁首、頁尾,這一步做對,你後面維護會輕鬆十倍。
  6. 跑一次 SEO 與速度健檢:用 PageSpeed Insights 和 Search Console 檢查一次,把最明顯的問題修掉再正式對外宣傳。

架一個網站不難,架一個會長大、會帶來客戶的網站,靠的是一開始就把結構和維護邏輯想清楚。Divi 給了你一把很好用的工具,但工具本身不會替你做決定。把這六步踏穩,你會發現經營一個自己的網站,其實沒有想像中那麼遙遠。

如果你在過程中遇到任何卡關的地方,或想針對你的產業得到更具體的 SEO 與網站策略建議,Whoops SEO 隨時在這裡。把複雜的東西化繁為簡、協助你把網站做到第一頁,是我們每天都在做的事。想找人一起把網站策略聊清楚?Whoops 隨時可以幫你看看。

常見問題

Divi 跟 Elementor 該選哪個?
長期多站經營、想一次買齊主題、編輯器、電子報與社群工具選 Divi;只做一個網站、已有慣用主題且重視編輯流暢度,Elementor 的單一編輯器定位會更順手。兩者也能共存於不同網站,並非互斥。
買了 Divi 之後 Bloom 跟 Monarch 還要另外付費嗎?
不用。Bloom(電子報名單收集)與 Monarch(社群分享按鈕)都包含在 Elegant Themes 的方案中,不需要另購,這正是 Divi「套裝」定位與單一編輯器最大的成本差異。
全站頁首的電話或地址要改,為什麼改一處不會全站同步?
因為頁首被逐頁複製成一般區塊,而不是用 Theme Builder 做成全域範本。正確做法是把頁首、頁尾、聯絡資訊這類全站一致的元素用 Theme Builder 設成全域範本,這樣改一次、全站同步。
舊站要馬上升級到 Divi 5 嗎?
新架的站直接用 Divi 5,沒有理由用舊版;運作穩定、沒在更新內容的舊站不急著升,先備份後在測試環境試跑,確認第三方外掛相容;用了大量第三方子主題或模組的站要特別謹慎,因為第三方作品對 Divi 5 的支援進度不一。升級前先建立完整備份與 staging,Divi 5 Migrator 會掃描並轉換支援的 Divi 4 模組,完成遷移後要測試範本、表單與響應式版面,再正式切換。

主題聚落|WordPress 佈景主題 看「WordPress 與網站架設」中樞 →

相關文章

褚崇名(Sliven) 創辦人・巫普斯科技有限公司

長期投入技術 SEO、GEO/AEO 與 AI 搜尋實務。本站文章以可驗證資料、公開來源與實作觀察整理而成。

完整作者介紹LinkedInGitHubX

想把這篇的方法用在自己的站上?

SEO 健檢、GEO/AEO 引用優化、網頁設計諮詢——把文章裡的方法落地到你的網站。