11 | WordPress 圖片比較 (Image Compare) 區塊組合 - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

2022 iThome 鐵人賽

DAY 11

自我挑戰組

WordPress 區塊編輯器 | 多區塊組合應用技巧 | [進階應用]系列第 11 篇

11 | WordPress 圖片比較 (Image Compare) 區塊組合

14th鐵人賽圖片比較 image compare before and after wordpress教學

Mack Chan

2022-09-25 23:42:17

517 瀏覽

分享至

將圖片的之前和之後 (Before and After) 的比較狀態，是現代常見的展示方式，方法是將 2 張圖片重疊，將訪客可以透過「中間的把手 (Handle)」左右移動，來達到體驗使用服務後的效果。在 WordPress 區塊編輯器裡可以達到簡單的效果，現在也有不少免費的外掛可以協助你達成目標。