WordPress 論壇

yungkeli 發表於 2017-9-17 14:00:31

Elegant Themes Divi 導入 demo 模板教學

第一次安裝好 Divi Theme 後,你會發現佈景內容空空的,甚麼東西都沒有,連個範例頁也沒有。

請勿緊張,Divi Theme 主題的概念,是先將 demo 模板導入他的 Divi 文庫中,再用 Divi Builder 編輯器來佈局。

https://s3-us-west-2.amazonaws.com/adfeco/2017/09/17/divi-builder.jpg

1. 先安裝好 Divi 佈景主題並啟動它。

2. 請進入 Elegant Themes Divi demo 網站,選擇你喜歡的 demo 風格,裡面的模板都可以免費下載。(有 39 套免費模板,還會陸續增加中)

Elegant Themes Divi demo 網站:Divi Layouts

3. 點擊下面的 demo 主題預覽,進入下載頁面,輸入你的電子郵件解鎖下載鏈接,如下圖。

https://s3-us-west-2.amazonaws.com/adfeco/2017/09/17/divi-builder-demo.jpg

4. 下載文件解壓縮,文件格式大多是 .json,進入 WP 後台,Divi > Divi Library > Import & Export 導入,如下圖。

https://s3-us-west-2.amazonaws.com/adfeco/2017/09/17/divi-builder-2.jpg

https://s3-us-west-2.amazonaws.com/adfeco/2017/09/17/divi-builder-3.jpg


5. 選擇你剛剛下載解壓後的文件,你可以選擇 all-photography-homepage-layout-pack.josn 一次全部導入,或者選擇其他 .josn 文件,單個導入,如下圖:

https://s3-us-west-2.amazonaws.com/adfeco/2017/09/17/divi-builder-4.jpg

6. 每個 demo 佈景模板都有詳細教學及視頻,按照步驟,很快就能將你的網站佈局好。

v=ZzEdXPSrITw
頁: [1]
查看完整版本: Elegant Themes Divi 導入 demo 模板教學