品牌網站用 Divi 好嗎？自架前的診斷流程與取捨判斷

拿一個常見的情境當鏡子。市集裡有間手工甜點工作室，一個週末收了四十張名片，試吃的反應也好，事後逐一追蹤，回覆的人卻寥寥可數。多聊幾句才拚湊出原因：客人回去用手機搜尋店名，點進的是三年前委外做的舊網站，菜單停在去年、最新一則貼文被當成停業公告，詢問表單送出後從來沒有下文。攤位上的第一印象是真的，網站上的第二印象也是真的，只是後者一直在漏客人。她缺的不是一個更漂亮的新網站，是一套先找癥結、再決定錢往哪裡花的判斷流程。

很多人把做網站當成採購：比價格、挑主題、找最不碰技術的做法。技術與美術的門檻確實被工具拆掉大半，正因為這樣，品牌網站的成敗越來越少取決於設計能力，而取決於打開編輯器之前的判斷：訪客靠什麼線索決定信不信你、工具幫你做掉什麼又留下什麼、手機速度與搜尋怎麼被評分。判斷有先後順序，先診斷再選工具，錢才會花在漏客人的環節上。接下來以 Divi 當示範工具，從適配檢測、預算配置一路走到開門前的信任檢查表，重心放在怎麼判斷，而不是怎麼跟做。

快速重點：品牌網站用 Divi 好嗎？先別急著挑工具：找得到、敢信任、改得動三個答案決定做法。綠燈訊號齊備，自架划算；紅燈亮起，輕量路線更省。從主機網域到上線驗收是一條工作流，開門前用信任清單逐項勾檢。

網站做好了，詢問卻沒來：三個問題先找癥結

動手改造之前，先對網站問三個問題，問題的層次找對了，後面的每個決策才有依據。找得到嗎：搜尋店名或服務項目，你在哪一頁出現，還是根本沒出現。敢信任嗎：訪客掃過頁面，掃不掃得到讓他安心的線索。改得動嗎：想換一段文案、加一張照片，你能自己動手，還是要排別人的時間、再付一次錢。三個答案分別對應搜尋基礎、內容與設計線索、主機與主題的選擇權，而優先順序就藏在最弱的那一關。

三個問題的另一個用處，是防止你買錯藥。找得到的問題，買再漂亮的主題都治不了；改不動的問題，換再快的架設服務也一樣卡。工具的採購清單應該由診斷結論長出來，不是反過來先買工具、再替工具找理由，這個順序小小的差別，三年後會是兩種完全不同的網站。

信任這一關值得先展開，因為它最常被誤診成「網站不夠漂亮」。訪客不是逐字閱讀，是掃描：標題掃過、照片掃過、價格掃過，幾秒內決定留下或離開。可掃描的服務資訊、真實的案例、找得到的聯絡方式、瀏覽器網址列的鎖頭，線索缺得越多，匿名感越重，而匿名是最貴的錯誤。甜點工作室的舊站這些線索全缺，所以她的第一輪預算該花在重建信任路徑，不是換一個更好看的主題；這也是三個診斷問的價值，它阻止你把錢花在症狀而不是病因。

為什麼多數自架品牌會以 WordPress 起手？W3Techs 的長期統計顯示，在使用內容管理系統的網站裡，WordPress 的份額長年過半、遙遙領先。市占不等於最好，但代表生態成熟：你會遇到的問題幾乎都有人遇過，有文件、有討論、有現成外掛，對沒有專屬工程師的小型品牌來說，這是最實際的風險降低，也是選它當起手式的理由之一，而非唯一理由。若還在評估自架這條路值不值得走，可以先讀品牌官網自架的完整流程，把全貌看過一次再決定投入多少。

Divi 適合你嗎？三個綠燈訊號與三個紅燈訊號

與其用「某某人適合」的人設對號入座，不如直接檢測訊號，條件比人設誠實。三個綠燈：你沒有設計底子，但希望內容日後自己就能換；你需要一整套依產業設計好的版型，先把骨架立起來；你能接受中等程度的效能表現，並願意在模組用量上節制。三個紅燈：網站追求極致的載入表現，每個指標都要計較；團隊已經定案另一套編輯器，沒有重學的餘地；你只需要一個極簡頁面，越快上線越好。綠燈全亮，自架划算；紅燈亮起，繞開它不需要猶豫。

綠燈紅燈的判斷依據，來自 Divi 實際做掉與做不掉的事。它做掉的是版面構圖與樣式系統：Section、Row、Module 三層積木，加上全站樣式設定，讓沒受過排版訓練的人也能得到一致的留白與層級節奏。它做不掉的是內容取捨與節制：模組堆多、動畫開滿，任何視覺化編輯器都會變肥，效能的好壞取決於版型、外掛、素材與快取設定，這是條件問題不是宿命，把它當訊號判讀即可，不必上升成工具的優劣論。

紅燈亮起時有明確的替代路線，不必硬繞。重視速度與簡潔，可以看Astra 做品牌官網的走法，搭配Starter Templates 版型庫快速起站，操作的細節另有Astra 免費版的操作細節可以照著做；需要最龐大的第三方生態，Elementor 完整指南是另一條主流路線。想把幾套編輯器攤在同一張桌上比較，這篇頁面編輯器整體比較更合適，看完的結論記得回到自己的訊號，而不是別人的推薦。

授權結構也是判斷材料。依 Elegant Themes 官方文件，Divi 提供年繳與終身兩種方案，授權不限站數，方案並附帶 Extra、Bloom、Monarch 等資源。這個結構對未來會經營多個網站的人明顯划算，只做一個站則要把持有年限拉長來看，別只用單站價格比較。若品牌路線偏內容與社群，Extra 主題的應用情境值得順便認識。

拿訊號檢測一個委託情境：一家工業零組件貿易商想重做官網，採購端會把載入表現當篩選條件，案例頁又是成交關鍵，內容更新得靠內部行政人員兼著做。評估之後他們走向輕量主題路線，紅燈訊號明確，這不是 Divi 的失敗，是診斷的結論；同一套訊號換到綠燈全亮的品牌身上，答案可能完全相反。

還有一種灰色地帶值得點破：綠燈紅燈各亮一半。這種情況看的不是訊號數量，是哪一個訊號碰到了你的生意核心。案例頁靠大量照片吃飯的品牌，效能紅燈的殺傷力比想像大；只靠一頁式官網接洽的顧問，模組限制幾乎無感。訊號檢測的收尾一步，永遠是把結果放回自己的商業模式裡秤一次。

把錢花在刀口上：開工前的預算與地基配置

預算有限時，配置的順序比金額大小重要。把三年的持有成本攤開來看：主機的續約價常與首年促銷價差一大截，網域是每年的固定支出，SSL 有免費方案可用，主題授權則是一次買斷或年繳的選擇。先看總帳再下手，才知道錢該往哪裡傾斜；各項費用的組成與行情，可以參考網站架設費用解析。

主機選擇本身也有判斷點：預期的流量規模、你願意自己處理多少維運、需要什麼等級的客服。品牌形象站的流量多半溫和，入門等級通常夠用，值得優先確認的反而是續約價與升級動線，促銷價只決定第一年的成本，續約價決定之後的每一年。共用主機與雲端主機的名號先放一邊，問自己兩個更具體的問題：網站壞掉時你找誰、多久回應；流量真的上來時，升級要不要搬家。答案能接受，這台主機就及格。

SSL 是最不該省的一項。Google 早在 2014 年就公開把 HTTPS 列為排名訊號，而沒有憑證的網站，瀏覽器會直接標示「不安全」，等於在門口先扣一分。多數主機都提供免費憑證可以一鍵開啟，真正的成本不是錢，是「忘了開」這件事，所以它被放進地基清單而不是裝飾清單。憑證的類型差異與安裝步驟，整理在SSL 憑證類型與安裝指南。網域以品牌名優先，好拼、好念、好記比花俏的後綴重要，申請與 DNS 指向的細節見網域申請與 DNS 設定。

安裝動線不需要複雜化，用單一主機的流程示意就夠：主機後台一鍵安裝 WordPress，把網域指過去，等 DNS 生效，前後通常不用半天。想照著畫面做一遍，單一主機從購買到 WordPress 就緒的示意流程有逐步說明。地基到這裡就位，接下來才輪到主題登場。

甜點工作室的預算分配可以做個對照：地基（主機、網域、SSL）與商品實拍的費用優先保留，首頁動畫與裝飾特效歸零。她的客人用手機看菜單與照片，不是來看開場動畫；把錢花在訪客看得到的地方，是小型品牌最穩的配置原則，也是預算表上最容易判斷的一條線。

主題上線的兩道關卡：安裝啟用與介面熟悉

第一道關卡是安裝啟用，技術含量低。取得 Divi 的安裝包之後，在 WordPress 後台上傳、啟用，照提示把 Visual Builder 裝起來，這道關卡就過了。安裝其實有三種方法，後台上傳、FTP、主機檔案總管各有適用場景，細節整理在WordPress 佈景主題安裝的三種方法，新手走後台上傳這條最單純。

第二道關卡才是真正的分水嶺：動手之前，先把兩個觀念建好。一是 Section、Row、Module 的三層結構，Divi 的所有版面都由這三層堆出來，看懂它之後，任何版型都拆得開、改得動，壞了也知道壞在哪一層。二是 Theme Builder，把全站的頁首頁尾一次定案，之後每個頁面自動繼承，不必逐頁重做。外殼先於內頁，這是判斷不是儀式：頁首頁尾定案後再開始做個別頁面，日後重工的機率會低很多；卡在這道關卡的人，多半是跳過觀念直接套版，套得越快，迷路越深。

Divi 5 的版本定位與會員資源，依 Elegant Themes 官方說明文件：這一代把前端視覺化編輯器重新打造，載入與操作流暢度都有提升，並加入暗黑模式；會員方案可安裝的站數、附帶資源與版本狀態，也以官方公告為準，購買前用當下的文件與價格頁核對，比任何轉述都可靠。介面的改版細節與操作邏輯，站上有完整的Divi 5 介面的改版重點解析，動手前掃過一遍，很多操作問題會先消失。

觀念不用靠背，用一個練習就能內化：開一頁測試頁，自己新增一個 Section，在裡面放一個 Row，再往 Row 裡丟幾個 Module，然後把它整層複製、搬移、刪除。這一輪做完，三層結構就從名詞變成手感，之後看任何版型，你看到的都不再是「好漂亮的一頁」，而是可拆、可搬、可刪的積木。Theme Builder 同理，先做一套最簡單的全站頁首，放商標、放一條選單，讓它出現在每個頁面，來回兩次，全站繼承的邏輯就懂了。

想更有系統地走完這一段，兩篇適合搭配著讀。從購買到進階的 Divi 總覽把觀念與工具串成一張地圖，先看地圖再進場；公司官網從零到上線的走法補齊每個動作的先後順序，卡住時回來查。讀法因人而異，但順序建議固定：先懂結構，再碰版型，美化放到素材替換之後。這個順序也解釋了為什麼有人一個下午就上手、有人卡了兩週還在原地，差別通常不在聰明才智，在有沒有把地基觀念補起來。

版型包不是選漂亮的：用頁面架構完整度來挑

面對數百組版型，最不可靠的篩選條件就是「順眼」。版型包真正載入網站的，是留白、層級與欄位節奏，這些正是沒受過訓練的人排不出來的部分；該換的是素材與敘事，不是結構。所以挑選的第一個動作不是瀏覽，是列出品牌站必備的頁面清單：首頁、關於、服務、案例、聯絡、文章。拿清單反向檢查版型包，缺兩三個頁面的組合再漂亮也不選，因為自己事後補的結構，往往就是全站看起來最不協調的地方。

↔ 左右捲動檢視完整表格

檢查向度	要問的問題	通過的樣子
頁面結構完整度	必備頁面涵蓋了幾類	六類頁面至少涵蓋五類，案例頁不能缺
素材可替換度	圖與文字好不好換成自己的	圖檔位置明確、文案區塊清楚，不必重排
產業語感	版面語彙貼不貼近你的行業	攝影集式、案例庫式、服務流程式對得上
模組用量	首頁載入多少模組與動畫	模組節制、動畫稀疏，手機端不吃力

這張表的目的，是把「感覺很好」換成可以逐項打勾的向度，四項都過再談美觀，挑錯的機率會下降一大截。四個向度裡，模組用量最容易被忽略：它決定的是這個版型「天生多重」，匯入之後再怎麼優化都快不過源頭節制的組合，所以在挑的階段就要看，不是等速度出問題才回來補救。版型資源的分布與挑法，可以先看Divi 付費版型包的整理；會經營多個網站、版型需要跨站保存與重用的人，再評估Divi Cloud 的跨站保存值不值得加，單站使用者先跳過無妨。

選定版型之後，每個頁面還要用一句話定義任務：首頁在三十秒內說清你是誰，案例頁是最硬的證據，聯絡頁做到零摩擦。一頁只負責一件事，訪客才不會在任務與任務之間迷路；版型給的是骨架，任務定義決定骨架上放什麼，順序對了，之後替換素材才有依據。頁面任務寫不出一句話，通常代表這一頁想講的東西太多，先刪再排，比硬塞進版面健康。

產業語感的差異，看兩個方向就懂。甜點工作室適合攝影集式的版型，讓照片自己說話；貿易商適合案例庫式，把規格、應用場景與往來區域攤得清楚。調性怎麼微調，可以參考瑜珈館網站的調性調整；作品怎麼呈現，作品集頁面的呈現方法有完整做法。選單則是訪客理解公司結構的地圖，頂層項數與命名的取捨，延伸閱讀WordPress 導覽選單的設定方法。

替換的順序學問：品牌色、字體到實拍

匯入版型後最常見的錯誤，是從最有趣的地方開始改，比如首頁的動畫。順序應該由大到小：先把全站的色票與字體一次定案，再改文案，實拍收尾。順序顛倒的代價是反覆重工，色票改三次，每一頁都要跟著改三次；順序走對，樣板感也會在同一個節奏裡被壓掉，因為顏色與字體一換，網站的「口音」就換了。

色彩負責識別。一個主色、一個輔助色，加上黑白灰，多半就夠了，顏色越多品牌感越稀；主色留給按鈕與關鍵行動，輔助色只做點綴，黑白灰扛下閱讀，分工清楚，版面自然安靜。選色可以先理解顏色給人的心理暗示，再走一遍品牌選色的落地流程把色碼定下來，回到 Divi 的全站設定一次套用。字體負責氣質，全站最多兩個字體家族，標題與內文各一；字體的影響力常被低估，同一句標語換一種字體，穩重與輕快的感受會整個翻轉，想用非預設的中文字體，格式轉換與上傳步驟見中文字體上傳與轉檔教學，上傳後記得檢查手機上的行高與字級，中文的閱讀距離和英文不同。

文案回答訪客必問的三件事：你是誰、能解決什麼、憑什麼相信你。三個答案要放在掃得到的位置，不是藏在第三屏；層次與節奏的安排方法，可以參考頁面文案的節奏安排，把段落當視線的動線來設計，訪客的眼睛走到哪，答案就應該在哪。

實拍負責真實，也是花費最少、回報最高的置換。樣板裡的示範人物與辦公室空鏡，在業內是一眼就能看穿的，那種「不像自己」的違和感會直接吃掉信任；換成你的作品、團隊與空間，照片本身就開始說話。器材不是門檻，現在的手機加上靠窗的自然光，拍出來的成品已經夠用，真正要花力氣的是一致性：同一批照片用接近的色溫與構圖，整站的質感才不會東拼西湊。清單用欄位思考，比流水帳有用：

↔ 左右捲動檢視完整表格

畫面	放哪一頁	替換掉什麼樣板感
作品完工照	案例、首頁主視覺	示範用的成品圖
團隊合照與個人照	關於	樣板人物微笑照
空間現場	關於、首頁次要視覺	制式的辦公室空鏡
細節特寫	服務、案例	語意模糊的示意圖
過程紀錄	案例、文章	抽象的插畫素材

替換比例沒有通則，判斷標準只有一條：訪客的三問能不能被你的畫面回答。示範文字與授權圖沒清乾淨，是樣板感最常見的來源，這件事在卡關段會再回來一次。

驗收不過不上線：手機、速度與搜尋三關

內容就位之後別急著宣傳，三關驗收通過，這個站才拿得出手。第一關是手機。依 Statista 對行動流量占比的長期統計，全球網站流量來自行動裝置的比例長期落在五到六成之間，品牌搜尋的場景通常更高；Google 也已在 2023 年 10 月宣布全面採用行動優先索引，以手機版的內容來理解網站。手機版不是桌面版的附屬品，是主戰場。

手機驗收的方法很土，就是逐頁走一遍，重點看排序與字級：桌面上合理的順序到手機常要重排，聯絡資訊往上挪、主視覺縮短、字級放大到不用縮放。走查時順便做兩個小測試：單手能不能點到每個連結，照片還在載入時版面會不會上下亂跳。Divi 的區塊能依裝置分別設定，手機版排序的調整方法把這件事拆成可操作的兩個動作，做完再換下一頁。

第二關是速度。web.dev 對載入時間與跳出率的研究指出，載入從一秒拉長到三秒，使用者跳出的機率明顯上升；頁面體驗也是 Google 公開評估的面向，細節見頁面體驗評估的官方說明。改善速度的原則是先量再改：跑一次測速工具，看清楚最重的是哪幾張圖、哪幾支腳本，再對症下藥，多數形象站的答案會落在圖檔身上。兩個槓桿是壓圖與快取：實拍照片上傳前先壓縮，工具的選擇看圖片壓縮工具的比較；快取交給外掛處理，設定與實測見快取外掛的設定與實測。LCP、CLS 這類指標可以當體檢參考，圖壓好、快取設好、版面載入不亂跳，多數形象站能到達合理水準；分數是體驗的代理指標，不是排名的保證，不必為了一兩分折損內容。

第三關是搜尋。永久連結、標題描述、替代文字、Sitemap、提交 Search Console，這幾件事在上線前完成，網站才算被搜尋引擎看得見，全流程照著WordPress SEO 的完整流程走一遍即可。其中最常被草草帶過的是標題與描述：它們不只給搜尋引擎看，更是結果頁上訪客眼前的一則小廣告。標題與描述要為搜尋者而寫，因為排名之後還有點擊這一關：Backlinko 的點擊率統計顯示，結果頁前後名次的點擊率落差可達數倍，排上去卻沒人點，等於白排。

回頭看這一路，其實是一條環環相扣的工作流：主機與網域先落地，Divi 跟著上線，版型立出骨架，真實內容把它填滿，由驗收替整條線收尾。骨架與內容都就位、對外開門之前，還有一張清單要過。

訪客憑什麼信任你？開門前的信任檢查表

訪客踏上網站的前三十秒，靠掃描決定去留，你要做的不是說服，是把他掃描的線索補齊。掃描的路徑有慣性：從上而下、先圖後字、先大後小，所以線索的位置和線索本身一樣重要，服務資訊放第一屏，比放在頁尾的免責聲明裡有效得多。把線索整理成檢查表，每一項都對應一個真實的信任機制；也要誠實說，線索是必要條件不是保證，需求與報價不匹配，再完整的清單也留不住人。

↔ 左右捲動檢視完整表格

線索	訪客在想什麼	最低標準
服務資訊	你到底做什麼、怎麼計價	一頁講清服務內容與對象
真實案例	你真的做過嗎	實拍成果加背景，不用樣板圖
聯絡方式	有事找得到人嗎	表單或電話可用，回應時間寫明白
HTTPS	這個網站安全嗎	憑證生效，網址列出現鎖頭
備份	壞了會不會一切歸零	自動排程備份，還原演練過

清單的用法是把自己當成第一次上門的訪客，從首頁走到送出詢問，一項一項劃掉。服務資訊、真實案例、聯絡方式、HTTPS 與備份，單看每一項都是小事，疊起來卻決定訪客在離開前願不願意留下線索。備份那一項建議直接交給自動化的 WordPress 備份外掛，排程執行之餘，至少演練一次還原才算數。

檢查表之外還有基本盤：GA4 與 Search Console 裝好，讓之後的每個判斷有數據可看。兩者分工簡單記：GA4 看訪客從哪裡來、停在哪些頁，Search Console 看你在哪些搜尋字詞下曝光、有沒有被點。沒有這兩個來源，所有改動都只能憑感覺評分，裝了不看也一樣；看的節奏，放到維運段一起談。

卡關了怎麼辦：自架族最常見的五種停滯與拆解

自架不會一路順，停滯才是常態，差別在於停多久。回頭看多數停滯，共同的根源是把工具當成問題：以為換個主題就會快、換個外掛就會順，繞了一圈才發現卡住的是用法與判斷。五種最常見的卡關，各有一個拆解方向，也各有一條停損線，超過停損就換軌，不必戀戰。

更新吃掉自訂。主題一更新，直接改在主題本體的東西全部消失，這是最古典也最冤枉的一種停滯。拆解是把自訂放進子主題隔離，挑選與設定見子主題的挑選與設定；停損是若自訂多到子主題也撐不住，該檢視的是需求是否早已超出這套主題的邊界。

特效過載。動畫、視差、懸停效果全開，桌面好看，手機吃力，訪客還沒讀到內容就先被載入時間勸退。拆解是節制：留下引導注意與操作回饋的動態，刪掉純裝飾的，並測試減少動態偏好下的表現，懸停與動畫效果的使用原則有具體做法；誤用的樣態百百種，網頁設計錯誤的對照清單可以當上線前的總檢查。停損是當你發現自己在為動畫而動畫，砍掉重排比逐個微調快。

選單迷宮。訪客在三層選單裡繞不到服務頁，每一層的命名都是內部語言。拆解是架構重整：頂層項數收斂、命名換成訪客的字，能一層就不要兩層；停損是若服務結構本來就複雜，先做分眾導覽，不要硬塞進同一條導覽列。

樣板殘留。上線三個月後，關於頁還掛著示範人物照，案例頁的英文示範文案還在，訪客一眼就看出整站是套出來的。拆解是全面清查：逐頁掃過圖與文字，授權圖全數換掉，跟實拍清單對一次；這項沒有停損，只能清乾淨。

備份設了卻沒測過還原。排程在跑、通知是綠的，直到某天要還原才發現檔案不完整或格式不對。拆解是演練：挑個測試環境把備份完整還原一次，走完才算數；停損是還原屢屢失敗就換工具，不要賭運氣。

五種停滯之外還有一條總停損：當卡關的時間成本超過外包或換主題的成本，診斷結論可能就是繞開 Divi。把重學與重建版面的互換成本一起算進去，不是只比授權價；更大範圍的替代選項，見WordPress 佈景主題的總評比。

網站是資產還是帳單？上線後的維運決策

上線只是開始，網站會變成資產還是帳單，由維運決策決定。給自己一個撐得住的節奏：案例每月更新、文章雙週一篇、數據每月看二十分鐘。頻率是建議不是鐵律，真正該定的是每項的升降條件：接案量變大，案例該加更；文章連續幾個月沒帶來任何搜尋曝光，該調整的是選題而不是硬寫；某類服務頁的詢問明顯升溫，就把內容往那個方向補深。

自己顧或交給外部，是決策不是信仰。自己顧的條件是改動頻繁、內部有人力；交給外部的前提是回應時間與交接文件都講清楚，避免網站變成沒人敢動的黑盒子。交接文件不需要華麗，但至少要有三樣：所有帳號與權限的清單、備份存放的位置與還原方式、以及「誰負責更新、多久更新一次」的共識，這三樣齊了，換人才不會變成災難。甜點工作室的結論是自己顧，因為她的改動多半是換菜單與補照片；貿易商的結論是交接外部，因為內部沒有人有餘力盯更新與備份。兩種結論都成立，差別只在條件不同，不是誰比較認真。

上線三個月後，用同樣的三個問題再測一次：找得到嗎、敢信任嗎、改得動嗎。這次不是憑感覺回答，手上有 GA4 與 Search Console 的數據，答案會直接指出下一輪該把力氣放在哪裡；診斷、建造、驗收、再診斷，網站就是在這個循環裡，從一筆支出慢慢長成一份資產。若你想有人一起把這份診斷做扎實，顧問服務的門隨時開著，帶著網址來，我們從三個問題開始聊。