區塊排版與圖片設定

區塊內容完成後，切到設定視窗的「排版」頁籤調整間距，圖片比例與對齊。不同區塊只顯示適用的欄位，沒有圖片的區塊不會出現圖片設定。

調整區塊間距#

間隔區塊可用高度欄位控制空白；其他區塊則依版型提供上下留白或內容間距。調整時先小幅修改，再用右側預覽確認，不要一次加入過大的空白。

設定圖片比例#

• 16：9：適合橫幅，服務介紹與影片感版面。
• 4：3：適合卡片，作品與一般內容配圖。
• 原始比例：保留圖片本身比例，適合不希望固定裁切的素材。

設定圖文垂直對齊#

• 置上對齊：圖片頂端與文字欄頂端對齊。
• 垂直置中：圖片置於文字欄中間。
• 置下對齊：圖片底端與文字欄底端對齊。
• 填滿空間：讓圖片欄與文字欄等高，圖片以裁切方式填滿。

多欄卡片內容對齊#

多欄式區塊可選卡片內容靠左或置中。靠左適合文字較多，閱讀導向的卡片；置中適合短標題，圖示與方案特色。若同一列卡片都有按鈕，系統會維持卡片等高與按鈕對齊。

完成後檢查電腦版與手機版#

固定圖片比例與填滿效果在桌機，手機可能有不同呈現。儲存後切換電腦版與手機版預覽，特別檢查人臉，產品主體與文字是否被裁掉。

延伸閱讀#

• 區塊進場動畫
• 預覽，儲存與前台快捷編輯

常見問題

每個區塊都有相同的排版欄位嗎？

不一定。系統會依區塊能力顯示可用欄位；所有原生區塊都有進場動畫設定，有圖片的區塊才會顯示圖片比例，圖文類區塊才會顯示垂直對齊。

選原始比例會不會裁切圖片？

原始比例會盡量沿用圖片本身比例；固定 16：9 或 4：3 時，版面會以指定比例呈現，必要時可能使用置中裁切。

填滿空間適合什麼情況？

適合希望圖片與旁邊文字欄等高的圖文版型。圖片會以填滿方式裁切；手機改成上下排列時會恢復合理比例。