文章 WordPress + DIVI主題介紹
如同便利商店般的強大主題
DIVI是我目前用過許多主題中,以初學者來說, 算是可以很快上手的一套主題工具,另外本身附掛了許多常用的功能,就像便利商店一樣,應有盡有,如插入單張圖片、輪播圖片、影音、手風琴特效、表單、部落格等許多功能,以架設一個基本網站的能力來說是非常足夠的,你可以不需要額外的外掛就可以完成許多種類的網站,不單只是OnePage型、全站型甚至到購物型幾乎都可以搞定。
開始之前
我們先來看這強大的工具所帶給我們的視覺體驗
視覺性還不錯吧!
別擔心,只要使用這個工具你也可以輕鬆做到。
別擔心,只要使用這個工具你也可以輕鬆做到。
DIVI 5大布局特色
透過我們所學習及處理業界客戶的重點解析一、完美的格線系統
DIVI的格線其實是很夠用的,再加上色彩的區隔, 編輯的畫面是蠻單純的, 如果適時的使用標籤管理, 就可以很方便並快速的尋找要修改的區塊。
格線的規則其實也是有防呆的部分,如下圖,紫色區塊是Full Width(滿版100%寬度的區域)。藍色區塊是一個基本的Row(預設置中的列)。
這兩者區塊所能配置的功能是有差異的,其實不同的只是呈現方式,藍色區塊(Row)可以放的功能會比較多(下有圖參考),紫色區塊是(Full Width)有許多時候會插入全版的地圖、背景圖、輪播圖或是大標題。
淺藍綠色的是一個分隔區塊的區域(如下圖)
部分功能總覽(如下圖)
格線的區塊也是可以複製或拖移,可以很快速的完成編排。
二、 友善的版型庫
在精心製作完成後,如果你想要在其他頁面也想要有一樣的畫面, 這時你不需再重新製作或是複製貼上, 只要先把想要複製的版型存成DIVI庫, 就可以快速的將版型匯入,重複使用,除了上述的整頁的版型庫之外,還可以指定區塊來儲存及匯入。
三、好用的全域區塊
這是一個很棒的功能,當頁面或項目慢慢變多的時候,維護及管理一定是很多最頭痛的部分,尤其是要加個區塊或拿掉某個區塊,但如果這時預留好全域區塊位置, 相對的可以省下許多不必要的時間。我們只要將需要的區塊位置部分保存到DIVI庫中,再勾選保存為全局(將其作為全局項目),這樣,就很簡單的把這個區塊變成include的功能了。
設定好的區塊會變為綠色,這時也會讓整體版面有個區隔,讓設計師知道這是全部頁面一起影響的區域,接下來只要針對這個區塊的內容做調整,只要有匯入的頁面一併會同步更新,只要一次工作就可以免去逐頁修改的時間,可以大幅降低維護費用及時程。