如何調整Banner高度

🙋🏻‍♀️：請問我可以從輪播元件自訂Banner的高度嗎

💡：是可以的唷！

 

操作方法如下方步驟：（以 輪播區塊-純圖 為範例）

 

1. 選取『輪播』區塊進行編輯

（提醒：若選取不到輪播，可以點選左下方，類似圖層的選單選取喲！）

 

2.

編輯『輪播區塊』內的『輪播樣式』高度欄位，設定欲將banner圖片調整的高度數值

例如：『輪播樣式』的“高度”設定為 600

 

 

3.

設定完輪播高度後
接著選取『區塊』元件（即是可以上傳圖片的區塊）

 

4.

編輯『區塊』的“內距”

需調整到的內距為“上、下”，可參考下圖

 

內距數值該如何設定呢？

例如：前一步驟的輪播高度設定為 600

那麼『區塊』的（上、下）內距則分別設定為300、300

 

註：內距設定上+下的值＝輪播高度

 

5.

自訂Banner的高度就這樣完成拉！！v(￣︶￣)y

 

 

點此連結 可觀看調整Banner高度的完整操作喲！

（因為文字描述好像蠻抽象的＠＠ 另外螢幕錄製影片~~

 

 

注意：
外層輪播一定一定要比內層的區塊高度還高或一樣高
若比內層區塊還低的話 會造成內層區塊無法編輯喲！

 

補充：

輪播元件使用原則：
- 先確定要純圖還是要用元件，建議輪播勿純圖與元件混搭，否則會有高低不一的情況

- 輪播高度設定高一點，然後再來調整區塊的內距 ： 內距設定上+下的值＝輪播高度

- 但是輪播裡有放置其他元件時（ex.標題、按鈕），這些元件會因為佔位而增加輪播的高度
因此，最後設定外層的輪播高度時，需要再額外考量到元件增高的部分。

- 製圖原則為：
1. 重要物件勿擺放過於邊界
2.若需使用輪播+元件的組合，建議圖上勿在押字

 

以上~

若有其他系統上的建議，歡迎與我們提出喲！