圖片比較區塊

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

在此指南中

1. 圖片比較區塊
2. 區塊設定
3. 方向設定
4. 進階

圖片比較區塊

若要新增圖片比較區塊，請按一下 + 區塊插入器圖示開啟區塊庫，然後選取「圖片比較區塊」。

你可以在此處查看新增區塊的詳細說明。

新增圖片比較區塊

圖片比較區塊適合寬度和高度相同的兩個圖片。

你可以將圖片拖放到之前和之後的位置。你也可以按一下「上傳」按鈕，或從媒體庫選取已上傳的圖片：

在圖片比較區塊加入圖片

上傳圖片後，可以為區塊新增說明文字。

如果上傳錯圖片，或希望變更順序，則需要刪除區塊從頭來過。

---

區塊設定

除了區塊工具列中的選項以外，編輯器側邊欄也會顯示每個區塊的特定選項。如果看不到側邊欄，只要按一下「發佈」按鈕旁的「小齒輪」圖示即可。

區塊設定

---

方向設定

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

圖片比較區塊設定

---

進階

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

「進階」區段讓你新增 CSS 類別到區塊。