如果你並不希望自己的wordpress網站看起來像競爭對手的網站,你也許會想要有一個高質量設計感的網站主題,優雅主題elegant themes中的Divi主題就會是你的答案.
Divi這個網站主題可以提供千變萬化的功能和效果,讓你沒有作網站的技術背景也能快速做到吸眼球的華麗功能和效果,他的獨特拖拉和大量的模板可以幫助你快速的上手,完成獨一無二的網站

斜槓媽媽針對想要幫助你製作獨一無二的網站效果,所以寫了這篇教學幫助你開始使用DIVI這個網站主題。 本篇WordPress教學中不是只告知你如何安裝Divi,你將會學會如何架設網站和使用divi 主題
如何用Divi建立Wordpress網站-手把手教學步驟
斜槓媽媽將通過以下步驟與你分享架設wordpress基本知識:
(如果你對於wordpress感到陌生,建議你先閱讀我的熱門文章:如何開始自己的部落格 )
WordPress教學步驟如下
- 設定wordpress網站主機和網址 (本wordpress教學用site ground)
- 設置一個WordPress帳戶
- 添加SSL證書
- 學會如何登錄你的WordPress網站
- 安裝WordPress主題 ( Divi theme)
- 中文化
- 網站基礎設置
本篇wordpress教學,因為內容很多所以需要分為兩篇,第一篇分為基礎wordpress + Divi theme安裝; 第二篇會選擇一個Divi內建模板,做一個範例教學
最後,你將可以獲得一個非常基本且乾淨的網站並且對於使用DIVI 有基本的認識
什麼是Divi?
讓我們先來聊一聊什麼是divi
Divi 其實有兩種: 一種是Divi 網站主題 ( Divi theme) ,另外一種 是 Divi 頁面編輯器 ( Divi Builder)
Divi 網站主題 ( Divi theme)是使用拖放頁面構建器的WordPress主題。
Divi主題帶有拖放式可視頁面構建器, 是主題+ 內建頁面編輯器,整套做好的,套用模板,立刻就有漂亮的網站 而無需任何編碼技能,這使Divi主題非常容易於使用。

Divi 頁面編輯器 ( Divi Builder)
Divi Builder 是一個 plugin 插件,你可以套用任何其他WordPress主題。同樣可以幫助你非常容易地構建網站,Divi Builder也是WordPress網站中使用廣泛並且能最強大的頁面構建之一
優雅主題中的Divi網站主題
很多人喜歡用Divi作網站,因為它可以在很短的時間內做到非常精緻的設計, 唯一的問題是,當你是新手剛開始接觸的時,強大的Divi 就是像是滿滿各種顏色的色彩盤,你需要點概念才能運用自如的上色
用DIVI 的好處
- 簡單好用
- 可以買斷並且用於多個網站
- 可以直接在前端頁面編輯
- 大量的模板
- 響應式編輯
- 支持多種語言 ( 包含中文)
用DIVI 的缺點
- 功能太強大,選擇太多
- 等待打開,編輯和保存的時間有點長
免費試用Divi

常見DIVI 問題
Divi主題的費用是多少?
Divi主題帶有2個定價選項。年費$ 89或終身使用的一次性費用$ 249。這兩個選項都包括Bloom和Monarch插件。

如果你選擇年繳 ,這不代表你每一年都要繳
只是如果你沒有續繳, 未來你將無法使用新的更新和功能。 ( 也就是不會升級)
終身選項也就是買斷的服務, 雖然看起來費用比較高一點
但是未來所有升級和更新服務都是免費的,你不用擔心你的網站佈景主題會過時
其他大多數高級付費網站主題會限制只能用一個網站
使用Divi,你可以重複使用Divi主題多次在多個網站
不管你選擇哪一種付費方式購買Divi主題,你都可以使用內建的所有主題+所有插件。(目前有110 內建網站模板+880種設計界面,而且持續新增中)
所以這還是挺划算的
WordPress安裝教學
步驟1:拜訪siteground ( 提供wordpress hosting的知名公司)
點這裡進入Siteground網站- 然後往下滑可以看到三種“選擇計劃 Get plan”選項。


步驟2:選擇你的計劃
如上圖所示,SiteGround為WordPress用戶提供了三種共享的託管計劃。最便宜的是具有基本功能的StartUp計劃。 GrowBig計劃提供了許多其他功能,包括每當備份還原,增強的安全性和性能。 GoGeek提供的網絡解決方案比GrowBig還要快。
如果你有比較多的預算,我鼓勵你註冊GrowBig計劃。
透過siteground的比較表,GrowBig服務器資源是StartUp的2倍多,而GoGeek是半專用的主機,可以提供更多資源。 GrowBig及更高版本具有免費遷移,登台,高級緩存以及託管多個網站的功能。 GoGeek具有優先支持。
當你選擇比較多的服務器資源 可以有助於WordPress SEO 效果
步驟3:選擇你的網址
網站的網址也是你網路世界的地址。換句話說,就像你要找谷哥大神,你就會打 www.google.com



現在,檢查所有內容,然後單擊“立即付款”按鈕以購買全新的SiteGround託管計劃!



步驟4:設定網域的SSL
當你選好方案並且也購買網址後,你可以開始建立自己wordprees網站。在第4步中,我介紹如何添加SSL(https)保護你的網站。
你也許會想知道SSL到底是什麼以及它如何影響你的網站。
SSL很簡單了解,不知道你有沒有注意過有寫網站有在網址欄中看到一個掛鎖圖標,而不是使用HTTP開頭;網址現在將以HTTPS開頭。在此,S代表安全性。 https://www.momrunsbiz.com/

SSL是 Secure Sockets Layer 中文我直接翻譯為[安全接口層]的縮寫或是你可以參考Wiki的翻譯[安全通訊協定]。從名稱 你可以猜出,添加SSL證書可以替你的網站提供的安全性證明。
沒有SSL的網站 也就是如果你的網站以HTTP(而不是HTTPS)開頭; 即使你只是經營部落格並沒有任何線上交易。 Google Chrome瀏覽器會自動將其標記為非安全網站。
想一想,好不容易有人在茫茫網海你找到妳,google 卻告訴他們你的網站不安全。負面第一印象肯定會帶來負面影響。所以設置SSL是不是很重要?
如果你使用Siteground,這點非常容易做到。
登錄後,立即轉到“My Account我的帳戶”標籤,然後在左手邊找到 security 這一個選項

看到 SSLManager 點進去,就看到你的網址,然後下拉右邊的選項,選第一個就完成了,你看,有沒有很簡單? 很像回家把門順手關上的感覺

5.現在安裝WordPress
太好了,終於走到要來安裝 WordPress這一步的教學
返回到儀表板(你可以通過單擊左上方SiteGround徽標旁邊的三行訪問左面板上的選項來訪問所選域的儀表板),然後單擊“應用程序管理器”。

在下一個窗口中,從下拉菜單中選擇要安裝的應用程序。 選擇WordPress,因為這就是我們要安裝的內容。

當您選擇“ WordPress”時,將顯示更多選項。 填寫字段,然後單擊“安裝”。




關於要填寫的字段的一些注意事項。 如果要將WordPress安裝在主域中,請將“安裝路徑”留為空白。 如果您希望WordPress URL類似於“ https://mysite.com/blog”,請在“安裝路徑”字段中添加“ / blog”。 通常,您將其留空。
斜槓媽媽經驗談:選擇一個難以猜測的管理員用戶名。 請勿使用“ admin”或你部落格名稱作為用戶名。 這些很容易猜到,以安全性來說所以不建議。 我也建議選擇一個難以猜測的密碼。 我建議混合使用大寫字母,小寫字母,數字和特殊字符。除此之外,你也最好單獨申請一個網站專用的電子郵件,這樣才不容易與你私人的郵件混淆
然後,單擊“安裝”
5.安裝WordPress主題
1)單擊下面的按鈕註冊優雅主題。 訂閱“典雅主題”後,
完成註冊過程後,請轉到其網站進行登錄。 在你的會員專區,你可以下載Divi(zip)檔案
回到你的電腦去找剛剛下載下來的檔案。然後就可以安裝Divi
2) 現在返回你網站的信息中心, 轉到你的WordPress管理區域(www.你的域名.com/wp-admin)。
在左側導航中,轉到外觀>主題>安裝佈景主題>上傳主題,然後選擇剛剛下載的Divi zip文件。


你可以上傳主題。 單擊選擇文件,然後找到下載的Divi主題。 然後按立即安裝。
上傳過程完成後,你可以啟動Divi主題。
現在,你已經成功安裝了Divi。 你可以開始建立你的網站。
使網站正常運行的最快,最簡單的方法是使用Divi Theme內建的Divi佈景主題模板
內建Divi 佈景主題模板參考 點這裡
在我寫更多有關Divi的教學之前,你可以先參考關Divi官方的教學資料庫
Divi網站佈景主題和Divi Builder之間有什麼區別?
Divi佈景主題中包含Divi builder ,你不需要另外再安裝Divi Builder
然而 Divi Builder插件可用於任何其他WordPress主題。你可以使用Divi構建器創建頁面,並使用主題的其他選項。
輕鬆用Divi完成你的Wordpress 網站
如果你按照我上面的步驟超做,你就可以輕鬆完成你自己的wordpress網站
歡迎留言和討論! 希望有幫助到你
發佈留言