雖然divi5 之前就出了,但我一直沒有好好的用。最近因為一些原因才開始比較認真的碰。這裡簡單整理一下目前看到的差異。
整體心得是 divi 5 比 divi 4 好用很多,自由度更高。原因如下:
- divi 5 效能比較好
- divi 5 針對 row 多了 layout 可以調整,內容是針對 flex 作調整。可以針對RWD各自設定,也就是在 RWD 時自訂的自由度更高
- divi 5 新增對視覺版面上選不到,但是 wireframe view 看得到的 box modele ,也就是內容 section 父層級的 box modele 設定樣式。像是body,跟 body 到內容外層中間的其他 section。
- divi 5 新增可針對 Column 設定樣式。但這個要從 module 設定時,從設定面板上的麵包屑去點上層 Column。在 wireframe view 只能看到 section 跟 module 。
- divi 5 的 css 設定也針對 RWD 做出區隔,在介面上切換狀態後,在 css 內自訂的樣式就只會適用於切換後的狀態。
- divi 5 的 row 多了更多預設組合可以選擇,要作多行內容更方便。
- divi 5 的 row 內可以再放 row
- divi 5 多了 loop-builder ,主要是用在像首頁或是分類頁面,畫面上會有「重複區塊」列表的時候,可以完全自訂要重複的區塊的樣子。我目前還沒實際使用,但是看網路教學覺得這個功能很實用。
壞處是很多 plugin 只支援 divi 4,不過還好我經歷 divi 4 之後,算是過濾出覺得最有用的 plugin 有哪些,而哪些就只是看起來很華麗但實際上很少用到。加上因為 divi 5 的版面自訂自由度更高,所以在設定首頁文章列表的樣式比 divi 4 預設自由很多。之前divi 4 要做文章列表如果希望有一些變化,很依賴 plugin ,但 divi 5 的預設設定加上loop-builder (也是預設舊有的功能),等於不需要 plugin 就可以做出自由度很高的重複模組版面。
我是用一個原 divi 4 的網站升級上去。因為要盡量還原到原本至少版面上有的元素或功能。因為之前的 plugin 都只適用於 4 ,所以只能特別另外再買,這兩個我覺得是可以買的:
- Divi Table Of Contents Maker:文章上面放一個透過標題自動產生的可點擊的目錄。
- All in One Carousel for Divi:就是多種 slider,我主要是需要 blog 的 slider。divi 5 有預設一種 blog 的 slider,但沒辦法改變太多樣式。將就用還可以,但想自訂就不適合了。
不過如果是舊站已經是 divi 4 ,且文章已經累積很多的狀況下,完全不建議升級 divi 5。原因是 divi 5 為了新增設定的自由度,在架構上有調整,這樣會造成升級時於到以下幾個問題:
- 在尚未處理好 divi 5 的模組相容問題前,如果去編輯 divi 4 的文章(假設有用樣板特別去設定一些樣式跟模組的時候),會強制切換成 divi 編輯模式,然後就再也無法變回原本一般文章的模式,如果沒設定好,文章會整個爛掉…我後來只好把三篇被我弄爛的文章砍掉重po。還好那三篇是最新的,本來就還沒開始有什麼流量。如果是放很久的文章就真的會哭死。
- divi 4 如果設定版面有使用到在同一個 row 的同一個 Column 內設定多個 module 時(module 不限於 text module ,例如 image module + text module ),在 divi 5 所有 text module 會無法設定,全部要移除重設,只有放一個 text module 時才不會問題。
- divi 5 的單層空 row 預設是 flex ( divi 4 沒得選所以固定就是 block)。所以他在裡面放多個 module 時,間距預設是用 gap 設定。 我一開始想說用 margin 設定怎麼都沒反應,找很久才發現要去改 gap。
所以結論是:新站完全建議直接用 divi 5 架設,非常好用。但已經用 divi 4 做的舊站,除非你是自己玩的網站爛掉自己可以救,不會影響到什麼公司業務,不然完全不建議升級上去。