不要懷疑!DIVI編輯器就是個即便你是一位一點程式語法也不懂的門外漢,都可以透過Wordpress.org與DIVI主題編輯器,建造出完全不輸給專業人士,非常有質感的商業網站、個人作品集、甚至是電商平台。
這篇文章將向你介紹我個人最愛用,同時也是我目前工作天天需要接觸的Wordpress頁面編輯器 – DIVI,任何人都可以使用DIVI製作充滿特色的網站,成為網頁設計師。
本文重點目錄
1.DIVI
DIVI介紹
DIVI主題編輯器是一個視覺化的編輯器,也就是說,你在編輯器上操作任何動作,畫面上所顯示的,就是網站完成後的樣貌,操作方式直覺且簡單,要使用什麼元素就加什麼元素上去,想更改照片就直接點開設定修改,再也沒有像一般主題的問題,需要一個個套用,才能確定你的網站究竟適不適合該主題。

免費模板
如果你是一個使用DIVI的新手,使用一年期限的會員方案就可以從官方提供的模版來製作網站,目前總共有154個模板組合,共計1140個頁面,數量一直都在更新,不需要再額外付費,這些全都是DIVI提供給你作使用的,每一個主題都有各自不同的風格,只要選擇你喜歡的模板,將圖片、文字套用你要架設的網站內容,我當初第一次使用DIVI架設網站時,只花了大約4-6小時,就可以將一個網站架設完成。

24小時客服
另外,DIVI提供全年無休的24小時客服,幫你解決各種疑惑,如果在網站架設上有任何問題,除了客服以外,他們每隔幾天就會更新不同的Wordpress教學文,或者是教學影片,是一個非常用心的主題商,我使用DIVI將近一年了,DIVI一直都在進化,可以說是網站的每個角落都可以讓你隨心所欲的編輯。
2.介面介紹
網站設計
1.頁面
當你要設計網站時,只要點選左上角的設定圖示,或者是點選每個區塊中間下方的加號,就能找到你想要更改的內容,像下圖,就是你要更換圖片時的做法,點開要編輯的設定區塊,然後選擇你要放上去的圖片,就完成了!

2.選單、頁尾
2019年DIVI的大更新,當你想要調整頁首(目錄)或者頁尾(底邊欄),你想要放什麼、寬度、類型全都隨你決定。而且還可以將每個頁面的內容都個別設定,當你需要某個頁面沒有目錄,或者不需要頁尾,那使用DIVI就可以馬上滿足你這個願望。


3.搜尋結果、404錯誤畫面
DIVI的頁面編輯器,還可以設計讀者使用搜尋工具後看到的搜尋結果畫面以及錯誤畫面,雖然錯誤畫面是希望都不要用到,但總是會有碰到意外的時候(?),如果作為一個網站設計師,網站的每一個角落都很重要。

4.外觀自訂介面

DIVI同時也提供了在外觀自訂區域的編輯區,主要用來設定網站的大方向,從整個介面到顏色、文字大小、連結等等,都能在自訂區塊作調整。
5.快速移動區塊
DIVI編輯器的眾多用法之一,你如果想要更改每個區塊的位置,可以使用滑鼠按著拖拉,就能快速地調整每個區塊的順序。

6.分區編輯區塊
如果有使用過Elementor的話,應該對這個部分不陌生,以圖片作示範,可以將網頁切成好幾塊區域,並且一列列加入。

7.網站元件
以下列出的是目前DIVI提供的網頁設計元件,你可以隨時自由加入到網站中,如果你會一點點程式語法CSS等,每個元件都可以獨立設定它要跟隨的語法。

電商網站 Woocommerce
如果你想用DIVI來建立電商網站,販賣你的商品,DIVI有專門為網路購物專門外掛woocommerce打造專屬的元件跟頁面,商品的呈現頁面可以利用DIVI提供的woo Description、woo images、woo price等等,設計出獨一無二的販賣頁面。

3.試用編輯器

前面講了這麼多,如果你有興趣的話,馬上來試用DIVI的線上編輯器吧!不需要註冊會員、不需要輸入Email給DIVI,整個頁面可以使用的元素,你都可以線上隨便試用,適合想下手又害擔心受傷害的新朋友們。
4.會員資格
費用
通常DIVI的主題價格,一年是$89美金,需要每年續訂才能繼續享有Divi更新,而無限期永久會員的話是$249美金,買一次就不必再更新。透過下方連結,可以用10%OFF的優惠價購買Divi主題。

30天全額退費
DIVI提供30天的無條件反悔退費,如果你購買了DIVI的會員,試用過後覺得不喜歡、不適合,都可以直接到網站的會員後台選擇退費。
延伸閱讀:【Divi新手必看】網站設計完整步驟教學,看這篇就夠!
如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言給我喔:)

本文作者 – LiLing
90後的台灣女生,目前正於紐西蘭擔任多媒體設計師,擅於利用Wordpress建立網站,分享各種不必使用程式語法,也可以架設網站的101種方法。
可以試用編輯器超貼心~~~
不然真的很怕買到不適合自己的東西
而且一年只要幾百塊不貴耶,感謝分享,來研究研究^^
真心覺得好用之後就感覺這個價格不貴,完全會上癮的主題!
版主介紹的好詳細喔,原來有這樣的編輯器可以使用,重點還有30天使用不滿意退費,太酷了~而且新手,官方還提供了免費模板來製作網站,先試試看,真好~~~~
也很推薦給想把自己的網站做得更加專業的人唷!!
天啊~~感覺很不錯的編輯器呢!看了也想等自己網站經營地更穩後來使用看看!感謝分享
????????
這個編輯器感覺真的很強捏!有機會賺到了錢就要下載來試試看感覺挺棒的!
真的很強大的主題!
太好了,市面居然有這個外掛,非常適合我這些不懂語法的人,因為不懂語法去寫網頁真的好不方便,謝謝分享
不客氣~
沒想到還有這種編輯器!
真的是挖到寶了!
感恩版主分享~~
不客氣~
感謝你的介紹
兩個問題請教一下
請問 這只有英文版的嗎?
請問 為什麼前面有寫免費,後面又有需要付會員費?差別在那?
加入會員之後才可以有官方提供的那些免費模板使用喔!
感覺挺不錯用的呢!我也來試試看,感謝分享!
歡迎加入Divi的世界~
好直觀的編輯界面!謝謝版主分享~
不客氣~
感覺還不錯耶,而且它的介面好繽紛看了好喜歡
我也很喜歡Divi的介面!!
你好,我想确认一下你分享的是 divi 插件的优惠还是 divi 主题的优惠,我点击进去看是感觉是主题购买页面,可是你上面写的是编辑器,所以我想跟你确认一下,怕搞错了
Divi是主題也是插件plugin喔,購買會員之後,你可以選擇使用外掛來編輯單一頁面,或者是主題編輯整個網站。
好的好的,谢谢哟❤
不客氣:)
話說我在用原價買了一年 Divi 之後才發現有這篇文,如果當初早點看到的話就可以省下19美金。
最近是有打算買終身 Divi,不過似乎沒辦法從上面的折扣網站來購買的樣子…
Hello 俊霖,你可以向Divi的客服詢問看看,他們也許可以幫你處理唷:)
講解很仔細,我這種電腦白癡都不會看起來太亂、太難,也第一次聽過,感覺蠻實用,先來試用看看
習慣用之後真的覺得Divi設計得很直覺!
過年花了不少錢,很開心遇到優惠,謝謝版大帶來的20%折扣。
不客氣~希望你也愛上Divi😆
講得好仔細啊!等我網站也開始盈利了一定會考慮使用這個主題,有點心動了
再來感謝版主給予的優惠,對於大學生來說真的是太好了!感謝版主!
加油!等有餘力再來學習使用Divi~
第一次看到Divi,感覺可以試用看看!
雖然都是英文,但是仔細看都是很簡單的單詞,查一下就可以了
謝謝超棒的文章!
謝謝你的留言!Divi用的英文都不會太艱深,不懂的有時候試用一下也可以知道它用來做什麼~
編輯器的風格也是我喜歡的,文章介紹的也很詳細,未來機會真的用到DIVI的話,再回來看一次。
歡迎你之後再來加入Divi使用者的行列~~:D
Divi編輯器的風格看起來蠻不錯看的,感謝站長分享又多認識一種編輯器
Divi真的是我用過眾多編輯器中數一數二好用的
早點看到這篇文章就可以省下不少錢了 非常感謝版主分享 很棒的推薦 期待下篇
不客氣!👍👍