Select Page

介紹這篇Divi教學讓你認識一款高質感設計的主題,打造出比別人更有美感的網站,WordPress網站中佈景主題是很重要的環節,好的主題可以讓網站速度快,也比較不會有卡當的問題。

這款主題適合建立形象網站、部落格網站、購物網站,你一定要試看看具有設計質感的主題,操作直覺好上手,快速使用範本製作個人網站。

延伸閱讀⮕ WordPress佈景主題推薦-選擇主題須注意的9個重點

1、什麼是Divi ?

Divi教學
Divi Themes佈景主題

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:目前還沒打算將網域和主機綁定,選擇這個

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元,且不限制網站的數量,想架多少個網站都沒問題,有永久更新和客服,開始經營網路事業。

追蹤我的IG

領取個人品牌指南手冊

加入電子報,學習最新教學

恭喜成功訂閱!

Share This