iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0
自我挑戰組

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

Day 11|Divi 功能練習 03-Row 橫列內容區塊設定

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

前兩天練習了排版和字型設定,你有沒有對 Divi 更加熟悉了呢?

第一個我們嘗試了如何排版,今天我們要來試試更細節的功能—Row 橫列內容區塊設定!

什麼是 Row 呢?

字面上來看它是「列」的意思,我將它翻譯成「橫列內容區塊」幫助理解,因為他指的就是我們網頁的橫向內容,裡面可以做很多客製化的設定,像是大小、間距、區塊數量等等,其中我覺得最貼心的是他居然可以快速地做出相當精緻的陰影效果!這功能對於細節吹毛求疵的設計師真是太貼心啦(拍手!!!

那麼話不多說,開始今天的練習啦!

Yes

https://ithelp.ithome.com.tw/upload/images/20200924/2012104013Q1B0BeW7.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040HfNkxZl3vr.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040icSl7kzEU8.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040I72GCt8reX.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040S9lvRs9J5r.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040SFwCqkMLOQ.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040l0Ray9tyi1.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040X9H1AmPo8G.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040yjZj1leoGj.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040u8IL7psGwy.png

https://ithelp.ithome.com.tw/upload/images/20200924/20121040hKgomvQFSP.png


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

尚未有邦友留言

立即登入留言