iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
自我挑戰組

Divi Theme 真的那麼神嗎?WordPress 架站&傳說中最好用主題新手入坑日記!系列 第 9

Day 09|Divi 功能練習 01-Layout 排版篇

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

大家的 Divi 安裝好了嗎?

我在找資料的時候找到了很棒的資源— Elegant 官方的 Youtube 頻道!

裡面的教學影片很適合新手跟著操作學習,分享給你們~

https://ithelp.ithome.com.tw/upload/images/20200923/20121040eFLumdcHbI.png

這個頻道分享了很多關於操作的技巧與介紹,身為初學者的我們可以先從「Divi Documentation」這個單元開始看,來初步了解 Divi 常用的功能。

https://ithelp.ithome.com.tw/upload/images/20200923/20121040l9l69rkT50.png

接下來這兩天我們來看第一部影片吧!他會介紹 Layout (排版)和 Typography(字型) 怎麼操作,一起來試試看吧!

今天我們先來看第一個功能— Layout (排版),先了解怎麼操作和調整網頁排版就好(這個也可以調很久的!

影片連結附上!(7:07以前的部分

Yes

以下擷取幾個重點畫面,大家可以跟著操作~

首先我們先從後台打開 Divi,這樣就可以所見即所得看到我們變更的設計
https://ithelp.ithome.com.tw/upload/images/20200923/201210400444H2kSoP.png

點選 General Settings> Layout Setings

https://ithelp.ithome.com.tw/upload/images/20200923/201210402yfqnpszOk.png

https://ithelp.ithome.com.tw/upload/images/20200923/20121040KPiahXLZmN.png

接下來就可以試試看不同的排版方式,像這邊可以調整圖片間距,其他還有圖片大小、位置等等細節,都可以自由調整哦(很像在用設計軟體對吧
https://ithelp.ithome.com.tw/upload/images/20200923/20121040HRCi9IiRG4.png

那麼今天的任務就是嘗試排版功能,厲害的朋友可以開始著手首頁設計,看看自己喜歡什麼樣的外觀囉!

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

上一篇
Day 08|Divi 學習外掛特區!4個必加入的 Facebook 社團
下一篇
Day 10|Divi 功能練習 02-Typography 字型設定
系列文
Divi Theme 真的那麼神嗎?WordPress 架站&傳說中最好用主題新手入坑日記!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言