Divi 主題終極指南:從購買安裝到進階技巧
Divi 是 Elegant Themes 開發的 WordPress 佈景主題,內建 Divi Builder 視覺化編輯器,隨附 Bloom 與 Monarch。完整教學安裝、Section/Row/Module 佈局、Theme Builder 與 WooCommerce 架站,一套系統撐起品牌官網到小型電商。
作者:褚崇名(Sliven)
本頁目錄
- 先回答你最想知道的:2026 年 Divi 還值不值得選
- 哪些人現在還該認真考慮 Divi
- Divi 到底是什麼:主題、外掛、Visual Builder 的三角關係
- 價格與授權:Yearly 跟 Lifetime 到底怎麼選
- 從購買到第一個頁面上線:完整安裝流程
- 建立「設計師大腦」:Divi 的三層架構邏輯
- Theme Builder 跟 Visual Builder:兩套系統千萬別搞混
- 版型生態:Premade Layouts、Divi Cloud 跟 Marketplace 三層資源
- 第一層:內建 Premade Layouts
- 第二層:Divi Cloud 雲端版型庫
- 第三層:第三方 Marketplace
- 進階客製化:字體、作品集與標題設計
- 行銷整合:用 Bloom 收名單、用 Monarch 做社群
- 行動裝置優先:手機排版才是真正決戰點
- 速度真相:Divi 網站為什麼常常被嫌慢
- 接上 WooCommerce:用 Divi 開店前先想清楚三件事
- 一、你的商品數量級多大
- 二、你會不會頻繁改商品頁設計
- 三、你未來的擴充計畫
- SEO 準備度:Divi 網站上線前的檢查清單
- 維護與交接:避開「前任設計師留下的噩夢」
- 升級 Divi 5:該不該換、怎麼無痛換
- Divi 跟其他選擇:什麼情況你該轉台
- 你的下一步行動方案
先回答你最想知道的: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 架站費用的完整拆解。
從購買到第一個頁面上線:完整安裝流程
很多人卡在「買完然後呢」。我把從零到看到第一個頁面的流程拆成六個動作,照著走就不會迷路。
- 購買會員:到 Elegant Themes 官網選方案、結帳,你會收到一組登入帳號密碼。
- 下載主題檔:登入會員後台,下載 Divi.zip 這個主題壓縮檔,同時記下你的 Username 和 API Key。
- 安裝到 WordPress:進 WordPress 後台的「外觀 → 佈景主題 → 安裝佈景主題 → 上傳佈景主題」,把 zip 檔傳上去、啟用。這一步的完整操作可以看安裝 WordPress 主題的詳細教學。
- 更新 API Key:到「Divi → Theme Options → Updates」,填入 Username 和 API Key,這樣才能自動更新、也才能用版型庫。
- 選一個 Premade Layout:開一個新頁面,點「Enable Visual Builder」,進入編輯器後選「Choose a Premade Layout」直接套一套版。
- 改文字、換圖、發佈:把公司名稱、聯絡資訊、首圖換成你自己的,存檔發佈。第一個頁面就上線了。
實際時間會受主機上傳限制、帳號驗證與版型內容影響。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 Builder | Theme 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 到完成網站的路徑整理成六個具體動作。
- 確認你的需求:你想架的是品牌官網、部落格、還是小型電商?把目標寫下來,這會直接影響你接下來的所有決定。
- 選方案:僅做一個站先試水溫,選 Yearly;知道自己會做超過兩個站,直接上 Lifetime。
- 準備好主機和網域:沒主機的話先挑一台,網域跟主機的選擇會直接影響後面所有操作。
- 安裝 Divi 並套用第一個版型:依Divi 從零架站教學完成安裝、匯入與基本調整;實際所需時間會依主機、素材與客製程度而異。
- 把全域結構設好:用 Theme Builder 設好頁首、頁尾,這一步做對,你後面維護會輕鬆十倍。
- 跑一次 SEO 與速度健檢:用 PageSpeed Insights 和 Search Console 檢查一次,把最明顯的問題修掉再正式對外宣傳。
架一個網站不難,架一個會長大、會帶來客戶的網站,靠的是一開始就把結構和維護邏輯想清楚。Divi 給了你一把很好用的工具,但工具本身不會替你做決定。把這六步踏穩,你會發現經營一個自己的網站,其實沒有想像中那麼遙遠。
如果你在過程中遇到任何卡關的地方,或想針對你的產業得到更具體的 SEO 與網站策略建議,Whoops SEO 隨時在這裡。把複雜的東西化繁為簡、協助你把網站做到第一頁,是我們每天都在做的事。想找人一起把網站策略聊清楚?Whoops 隨時可以幫你看看。