使用圖片比較區塊將兩個圖片並排放置 (或上下放置),並使用滑桿顯示兩張圖片之間的差異。範例如下:


若要新增圖片比較區塊,請按一下 + 區塊插入器圖示開啟區塊庫,然後選取「圖片比較區塊」。
你可以在此處查看新增區塊的詳細說明。

圖片比較區塊適合寬度和高度相同的兩個圖片。
你可以將圖片拖放到之前和之後的位置。你也可以按一下「上傳」按鈕,或從媒體庫選取已上傳的圖片:

上傳圖片後,可以為區塊新增說明文字。
如果上傳錯圖片,或希望變更順序,則需要刪除區塊從頭來過。
除了區塊工具列中的選項以外,編輯器側邊欄也會顯示每個區塊的特定選項。如果看不到側邊欄,只要按一下「發佈」按鈕旁的「小齒輪」圖示即可。

使用方向設定可以切換方向,有左右並排和上下並排兩種選擇:

進階分頁可讓你在區塊加入 CSS 類別,以編寫自訂 CSS 並設定區塊樣式。深入了解。
