介紹這篇Divi教學讓你認識一款高質感設計的主題,打造出比別人更有美感的網站,WordPress網站中佈景主題是很重要的環節,好的主題可以讓網站速度快,也比較不會有卡當的問題。
這款主題適合建立形象網站、部落格網站、購物網站,你一定要試看看具有設計質感的主題,操作直覺好上手,快速使用範本製作個人網站。
延伸閱讀⮕ WordPress佈景主題推薦-選擇主題須注意的9個重點
1、什麼是Divi ?

Divi是一款主打高質感網站的主題,由Elegant Themes公司開發的WordPress主題和外掛編輯器,拖曳式設計很簡單,輕鬆製作出漂亮的網站,也是很多網頁設計師的喜愛,超過70萬名用戶使用,不需會任何的程式,就能打造適合的網站。
2、Divi優點與缺點
使用1個Divi主題,可以建立無限個網站,提供46個免費區塊,打造出高質感的網站,Divi有提供免費30天的試用期,覺得不滿意都能申請退費。
Divi Themes提供200多個以上的模板,建立一個專業的網站,新手站長操作也容易,修改方便簡單,Divi目前有「終身方案」,長期經營網站建議選擇這個。
缺點是只有英文版,不過無需太過擔心,可以點選滑鼠右鍵翻譯,Divi主題已經達70萬名用戶,網路上都可以找到資源。
3、Divi價格方案

Divi價格方案為2種,分別為「年繳方案」和「終身方案」
年繳方案
每一年89美元,沒有網站數量限制,可以建立無數個網站
終身方案
終身方案費用為287美元,有包含Divi Theme佈景主題、Divi Bilder頁面編輯器,Extra Theme、Bloom電子報工具、Monarch社群行銷,要長期經營網站的站長,可以選擇終身方案,會比較便宜,而且有提供免費30天試用期,覺得不合用,都能申請退款。
4、Divi主題能建立什麼網站?
Divi可以用來建立形象網站、部落格網站,下載WooCommerce外掛,開設購物網站,推薦A2 Hosting來建置網站,這是一款中階的主機,運作速度穩定。
提供一鍵安裝WordPress功能,最低方案提供100GB儲存空間,每月約96元,適合新手站長。
延伸閱讀⮕WordPress架站-無程式背景也能輕鬆上手
A2 Hosting教學-高CP值的虛擬主機
架設購物網站教學-打造強大的商店平台,完整指南篇
WooCommerce教學-快速建立購物網站,立即在網路上開店
WooCommerce組合商品設定-教學實用篇
Checkout Field Editor結帳表單-WooCommerce優化結帳欄位
跟著圖文說明操作,幾分鐘就能設定好了
STEP 1
我們在首頁,點選上面的「Hotsing」,在按下「Web Hotsing」,會來到方案畫面,此方案會較便宜,你想要做的網站,它都能夠幫你設定完成

STEP 2
A2價格方案分為四種,lgnite、Accel、Turbo Velocity、 Turbo Nitro方案,可以依據你的條件來選擇適合的方案,一次購買長期方案,價格比較便宜。

新手剛入門選擇lgnite方案就很夠用,速度會稍微比Turbo Velocity再快
STEP 3
下一步把網址設定好
Use my domain:註冊網域,設定DNS連接至主機,如果沒有網域,可以到Namecheap購買
Transfer you domain to A2 Hosting:將網址轉移到A2 主機管理
Register a new domain:選擇一個好記的網址名稱註冊,越簡單越好,建議選.com,可以用英文組合
Use a temporary domain from A2 Hosting:目前還沒打算將網域和主機綁定,選擇這個

STEP 4
網址只要沒有註冊過就會顯示綠色的按鈕,是能夠使用的狀態,Suggested Domains 會出現不同頂級域名,看有沒有適合你的網域,好了就點選Continue

STEP 5
點選畫面中的價格方案,選擇你要購買的期限

STEP 6
看到加購這裡,直接跳過,都不要選擇

STEP 7
選擇離主機近一點的位置,假如你的客群是在台灣,那就可以選擇Singapore新加坡,主機速度會比較快

STEP 8
在畫面中選擇WordPress,在後台安裝WordPress跟A2Username及Password是帳號密碼,要先記起來才不會忘記

STEP 9
完成後查看價格是否正確,若沒有問題,可以進行下一步

STEP 10
把你要的內容勾選起來,在這勾選DNS Management 及Email Forwarding ,接著「Continue」下一步

STEP 11
一次購買3年方案是比較划算的,購買前記得再次確認方案和價格是否對的,統一購買主機和網域就不怕忘記,確認後進行下一步

STEP 12
接著要填寫資資料,按滑鼠右鍵可翻譯成中文,但我們可以到中華郵政地址翻譯查詢,在欄位中依序填入地址,國家選擇「Taiwan」

STEP 13
設定密碼和密碼安全提示,選擇你要的密碼安全提示,就能夠登入了,上面都是英文介面,按滑鼠右鍵即可翻譯成中文

STEP 14
這一步就要進行付款,方式有很多,選擇信用卡或是PayPal付款,把下面( I have read and of Service agree to the Terms)框選起來按下一步

6、Divi教學
相信前面介紹過Divi主題,你對這款佈景主題有些了解
STEP 1
來到Divi官網,點選右上方的「Pricing」按鈕,進入購買主題

STEP 2
建議選擇終身方案最理想,包含Divi Theme佈景主題、Divi Bilder頁面編輯器,Extra Theme、Bloom電子報工具、Monarch社群行銷 ,還能建立無限個網站

STEP 3
接著,輸入的你註冊資料,信箱、國家、信用卡資料、帳號、密碼、名字,Divi主題已經購買完
STEP 4
購買完成,Divi會寄信件到Email,有收據跟帳號的資訊,可以檢查一下
7、Divi主題安裝和設定
STEP 1
購買之後,選擇「my Download」,在會員中心下載Divi外掛到電腦上

STEP 2
來到WordPress後台,選擇外觀→佈景主題→上傳佈景主題→選擇下載Divi.zip,再點選安裝,這款漂亮有視覺效果的主題已經安裝到WordPress網站
STEP 3
Divi Themes安裝後,有些設定你可以照著自己的需求,例如:LOGO、主色系,文章排版樣式等,使用主題的編輯器頁面輕鬆就能製作漂亮的網頁,像一頁式網頁、Landing Page都能做到

本站與Divi有合作關係,如果你使用連結購買產品,我將會獲得一些佣金,用來維護網站營運的支出。
8、用Divi頁面編輯器建立頁面
STEP 1
選擇Projects後,再選擇「Add New」
STEP 2
點選按鈕「Use The Divi Builder」,用Divi頁面編輯器

STEP 3
使用Divi編輯器開始建立你的WordPress網頁,選擇「Load From Library」,可以一鍵套用版型,不用花時間再重新設計網頁

9、Divi好嗎?
試用過多種的佈景主題,Divi的操作使用拖曳式設計,簡單好上手,內有多種的版型能套用,省去很多時間,就可以製作出比設計師還漂亮的網頁,這款主題有電子報功能,分享社群的工具,不需再另外下載外掛。
10、常見的問題
Divi是什麼?
Divi是一款佈景主題,能使用頁面編輯器來設計網頁,很多網頁設計師都喜歡的主題,全球超過70萬名客戶,透過這款主題能製作出高視覺的網站。
Elegant Themes有哪些產品能使用?
Elegant Themes產品有,Divi Theme佈景主題、Divi Bilder頁面編輯器,Extra Theme、Bloom電子報工具、Monarch社群行銷,只要購買主題,裡面的功能都可以使用。
Divi方案
Divi主題有兩種方案,分別為「年繳方案」和「終生方案」,當然選擇「終身方案」較划算,要長久經營網站的人,可以購買終生方案,而且不限制網站的數量,想建立多個網站也沒問題,另外有提供免費30天試用期,你如果覺得不滿意都能申請退款。
Divi能用來建立哪種網站?
Divi可以用來建立購物網站、形象網站、部落格網站,能配合WooCommerce電商網站,你能使用Bluehost來建置網站,這是WordPress官方推薦的主機,運作速度穩定。
Divi適合的主機
你能使用下方的主機來架站
Bluehost、A2 Hosting 、HostGator、Cloudways、Kinsta
Divi好用嗎?
試用多種的佈景主題,Divi使用拖曳式設計,裡面有多種的版型供你套用,製作出比設計師還漂亮的網頁,有提供電子報的工具和分享社群功能,不用另外下載外掛。
11、結論
如果你是形象網站,使用Divi主題架設WordPress網站很適合的,這款主題主打是高質感的路線,製作方式用拖曳設計,還有多種模板供你套用,完全不需重新設計,提供電子報工具、社群行銷工具,幫你省下外掛的費用。
要長期經營的人建議選擇「終身方案」,約台幣8610元,且不限制網站的數量,想架多少個網站都沒問題,有永久更新和客服,開始經營網路事業。