「之前之&後」 小工具 可讓您並排顯示兩個影像，以進行引人注目且引人入勝的視覺比較。 該 小部件 包括一個可自定義的滑塊，可在兩個圖像之間移動。

若要新增 小工具：

1. 在左側面板中，按一下「 小工具 」。
2. 按一下「編輯前&後」 Widget 並拖曳至您的網站。

要了解有關向站點添加 小部件的更多信息，請參閱 添加 小部件。

內容編輯器

若要存取內容編輯器：

1. 用滑鼠右鍵按一下 Widget，然後按一下 編輯內容
2. 按一下 [+ 圖 片] 以新增前後的影像。
3. 輸入影像的標籤。 若要隱藏標籤，請按一下 眼睛 () 圖示。
4. 輸入影像的 替代文字 。

設計編輯

若要存取設計編輯器：

1. 用滑鼠右鍵按一下 Widget，然後按一下 編輯設計
2. 要自定義圖像和滑塊，單擊 圖像&滑塊。
3. 若要自訂標示型式和文字，請按一下「 標示」。
   確保您定義的設計設定在每個裝置上正確無誤。 每個設備定義間距，圖像大小等設置。 如需詳細資訊，請參閱 依裝置編輯。

如需非此 Widget 專屬的設計選項 (例如版面配置、樣式或間距) 的詳細資訊，請參閱 Widget 設計。

例子