【WordPress】人人都可以是網站設計師,DIVI最強大的頁面編輯器

by | 3 月 20, 2020 | 21 comments

【WordPress】人人都可以是網站設計師,DIVI最強大的頁面編輯器

by | 3 月 20, 2020 | 21 comments

不要懷疑!DIVI編輯器就是個即便你是一位一點程式語法也不懂的門外漢,都可以透過Wordpress.org與DIVI主題編輯器,建造出完全不輸給專業人士,非常有質感的商業網站、個人作品集、甚至是電商平台。

這篇文章將向你介紹我個人最愛用,同時也是我目前工作天天需要接觸的Wordpress頁面編輯器 – DIVI,任何人都可以使用DIVI製作充滿特色的網站,成為網頁設計師。


1.DIVI

DIVI介紹

DIVI主題編輯器是一個視覺化的編輯器,也就是說,你在編輯器上操作任何動作,畫面上所顯示的,就是網站完成後的樣貌,操作方式直覺且簡單,要使用什麼元素就加什麼元素上去,想更改照片就直接點開設定修改,再也沒有像一般主題的問題,需要一個個套用,才能確定你的網站究竟適不適合該主題。

DIVI Elegant

免費模板

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

Elegant layouts

24小時客服

另外,DIVI提供全年無休的24小時客服,幫你解決各種疑惑,如果在網站架設上有任何問題,除了客服以外,他們每隔幾天就會更新不同的Wordpress教學文,或者是教學影片,是一個非常用心的主題商,我使用DIVI將近一年了,DIVI一直都在進化,可以說是網站的每個角落都可以讓你隨心所欲的編輯。

customer services

2.介面介紹

網站設計

1.頁面

當你要設計網站時,只要點選左上角的設定圖示,或者是點選每個區塊中間下方的加號,就能找到你想要更改的內容,像下圖,就是你要更換圖片時的做法,點開要編輯的設定區塊,然後選擇你要放上去的圖片,就完成了!

design panel

2.選單、頁尾

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

theme builder
theme builder-2

3.搜尋結果、404錯誤畫面

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

design search result & 404 pages

4.外觀自訂介面

customize

DIVI同時也提供了在外觀自訂區域的編輯區,主要用來設定網站的大方向,從整個介面到顏色、文字大小、連結等等,都能在自訂區塊作調整。


5.快速移動區塊

DIVI編輯器的眾多用法之一,你如果想要更改每個區塊的位置,可以使用滑鼠按著拖拉,就能快速地調整每個區塊的順序。

move section

6.分區編輯區塊

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

row section

7.網站元件

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

insert module

電商網站 Woocommerce

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

woocommerce

3.試用編輯器

live demo

前面講了這麼多,如果你有興趣的話,馬上來試用DIVI的線上編輯器吧!不需要註冊會員、不需要輸入Email給DIVI,整個頁面可以使用的元素,你都可以線上隨便試用,適合想下手又害擔心受傷害的新朋友們。

try divi

4.會員資格

費用

通常DIVI的會員價格是一年$89美金,無限期永久會員的話是$249美金,但是透過本站的讀者優惠,所有會員商品都有20%的折扣期限一年的會員價便成了$70美金,而無限期會員則是$199美金


30天全額退費

DIVI提供30天的無條件反悔退費,如果你購買了DIVI的會員,試用過後覺得不喜歡、不適合,都可以直接到網站的會員後台選擇退費。


延伸閱讀:【WordPress】新手架站步驟流程設定總整理


如果你對於這篇文章有任何疑問或者建議,都歡迎你在底下留言,我將盡我所能替你解答。而且,如果你提問了將可能幫助到其他擁有相同問題的人!:)


讀者優惠

以下優惠都是本網站與各大服務商爭取到,專屬於讀者的優惠代碼,只要你點擊以下連結,或者使用優惠碼購買產品,除了你能享受到特殊的優惠價格以外,我也會額外獲得一點來自服務商的獎金,這都是我能夠持續分享的動力來源之一:)
服務商優惠取得優惠
主機+網域第一年1折起點擊連結
.com網域只要$8.88點擊連結
全新網域7折起點擊連結
網域只要$4.99點擊連結

服務商優惠取得優惠
共享主機六折起 每月$5.95點擊連結
前三個月主機九折優惠使用優惠碼NJD4U註冊會員
註冊即得$15優惠金點擊連結
專用主機優惠79折點擊連結
主機+網域第一年1折起點擊連結
共用主機第一年優惠5折點擊連結
共享主機54折點擊連結
服務商優惠取得優惠
SSL優惠65折點擊連結
SSL年付$299特價$269.99點擊連結

服務商優惠取得優惠
DIVI Elegant
終生會員優惠8折
$249$199
點擊連結
DIVI Elegant
一年會員折扣$19
$89$70
點擊連結
DIVI Elegant
獲得全部主題及外掛
優惠價$70
點擊連結

服務商優惠取得優惠
1個網站加速優惠八折
$49$39.2
點擊連結前往購買
使用期限至4月16日止
3個網站加速優惠八折
$99$79.2
點擊連結前往購買
使用期限至4月16日止
無限網站加速優惠八折
$249$199.2
點擊連結前往購買
使用期限至4月16日止

服務商優惠取得優惠
專屬電子信箱優惠67折點擊連結

21 Comments

  1. Pin

    可以試用編輯器超貼心~~~
    不然真的很怕買到不適合自己的東西
    而且一年只要幾百塊不貴耶,感謝分享,來研究研究^^

    Reply
    • LiLing

      真心覺得好用之後就感覺這個價格不貴,完全會上癮的主題!

      Reply
  2. Evelyn Hsu

    版主介紹的好詳細喔,原來有這樣的編輯器可以使用,重點還有30天使用不滿意退費,太酷了~而且新手,官方還提供了免費模板來製作網站,先試試看,真好~~~~

    Reply
    • LiLing

      也很推薦給想把自己的網站做得更加專業的人唷!!

      Reply
  3. Vi

    天啊~~感覺很不錯的編輯器呢!看了也想等自己網站經營地更穩後來使用看看!感謝分享

    Reply
    • LiLing

      ????????

      Reply
  4. L.b

    這個編輯器感覺真的很強捏!有機會賺到了錢就要下載來試試看感覺挺棒的!

    Reply
    • LiLing

      真的很強大的主題!

      Reply
  5. 時昔子

    太好了,市面居然有這個外掛,非常適合我這些不懂語法的人,因為不懂語法去寫網頁真的好不方便,謝謝分享

    Reply
    • LiLing

      不客氣~

      Reply
  6. RT

    沒想到還有這種編輯器!
    真的是挖到寶了!
    感恩版主分享~~

    Reply
    • LiLing

      不客氣~

      Reply
  7. Zoe

    感謝你的介紹
    兩個問題請教一下
    請問 這只有英文版的嗎?
    請問 為什麼前面有寫免費,後面又有需要付會員費?差別在那?

    Reply
    • LiLing

      加入會員之後才可以有官方提供的那些免費模板使用喔!

      Reply
  8. Wendy

    感覺挺不錯用的呢!我也來試試看,感謝分享!

    Reply
  9. Jun

    好直觀的編輯界面!謝謝版主分享~

    Reply
  10. matilda

    感覺還不錯耶,而且它的介面好繽紛看了好喜歡

    Reply
  11. fox

    你好,我想确认一下你分享的是 divi 插件的优惠还是 divi 主题的优惠,我点击进去看是感觉是主题购买页面,可是你上面写的是编辑器,所以我想跟你确认一下,怕搞错了

    Reply
    • LiLing

      Divi是主題唷,並不是插件plugin。

      Reply
  12. fox

    好的好的,谢谢哟❤

    Reply
    • LiLing

      不客氣:)

      Reply

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *