iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 13
1
嗨呦大家好我是 Jasmine~腦袋總是胡思亂想停不下來的設計師一枚\(✪ω✪)/

話說就在昨天,我們的團隊挑戰居然一不小心失敗惹QAQ

不過沒關係,我的文章還是會繼續,除非我哪天真的忙到沒空寫或忘記(欸

好啦言歸正傳~昨天我們學會了建立頁面,拿來創建部落格頁面了,今天來學習如何使用 Divi 創建一頁式網頁吧!
一頁式網頁通常可以使用在介紹頁、銷售頁,或是做為首頁也很合適,選一個符合自己需求的主題來做練習囉~

影片奉上
Yes

不方便看影片的可以看以下節錄精華跟著操作呦:

首先來到後台點選「Page」,進到編輯器模式
https://ithelp.ithome.com.tw/upload/images/20200926/20121040sqwJEgdBeK.png

把「Do not Navagation」調成「ON」
https://ithelp.ithome.com.tw/upload/images/20200926/2012104085hiInmI4y.png

這樣右邊就會出現這些點點了,點擊後就可以跳到不同區塊瀏覽網頁囉~
https://ithelp.ithome.com.tw/upload/images/20200926/201210405Fvs1m29Aw.png

接著來到左邊的設定,點擊「Advance」,寫上你對此頁面的命名
https://ithelp.ithome.com.tw/upload/images/20200926/20121040nFwoypcCjn.png

回後台到「Appearance」填寫你希望此網頁顯示的網址,並在「Menu Settings」將它勾選為主要選單
https://ithelp.ithome.com.tw/upload/images/20200926/20121040BHKj12gMXC.png
https://ithelp.ithome.com.tw/upload/images/20200926/20121040gDkqfTJ5Lp.png
https://ithelp.ithome.com.tw/upload/images/20200926/20121040oMV46YHbzg.png

這樣就快速完成一頁式網頁的完整配置啦~再把文字和圖片等等內容填進去就可以囉!

我覺得今天的課程相較前面的功能稍為複雜,大家可以多花點時間琢磨一下,我自己也還需要多練習才能更上手><

我是 Jasmine,我們明天見ξ( ✿>◡❛)!

上一篇
Day 12|Divi 功能練習 04-Create a new project 創建新專案(頁面)
下一篇
Day 14|Divi 功能練習 06 Custom Layouts 調整自定義佈局
系列文
Divi Theme 真的那麼神嗎?WordPress 架站&傳說中最好用主題新手入坑日記!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言