您想為WordPress中的圖像添加類似亞馬遜的放大縮放嗎？添加縮放功能將允許用戶查看他們在正常大小的圖像中看不到的細節。在本文中，我們將向您展示如何在WordPress中輕松為圖像添加放大縮放。

 為什么要為圖像添加放大縮放？

在您的WordPress網站上添加放大縮放功能將使訪問者能夠清楚地查看圖像的復雜細節。

如果您有攝影網站，那么添加放大功能將允許用戶放大您的照片以查看更精細的細節。

同樣，如果您經營在線商店，那么您的客戶將能夠放大產品圖像。

許多大型電子商務網站已經對產品圖像使用放大縮放。它允許客戶檢查產品并在您的商店中創造更好的購物體驗。

 如何在WordPress中為圖像添加放大縮放

首先，您需要安裝并激活WP圖像縮放插件。

我們將在本教程中使用免費版本，但如果您想要更多自定義選項，您可能需要查看 WP 圖像縮放專業版。

激活后，您需要從WordPress管理側邊欄轉到WP圖像縮放?縮放設置頁面。

接下來，您需要通過切換到“縮放設置”選項卡并選擇要使用的鏡頭形狀來配置縮放效果設置。

您可以選擇圓形、方形和縮放窗口鏡頭形狀。如果您不想使用形狀來獲得放大效果，您甚至可以選擇“無鏡頭”（?）選項。

選擇首選鏡頭后，您需要向下滾動到下一步，您可以在其中使用所選鏡頭預覽圖像以查看其工作原理。該插件有一個預覽圖像，可用于測試更改。

接下來，您需要切換到“常規' 標簽。

從這里，您可以選擇光標類型，設置動畫效果，啟用鼠標懸停或鼠標單擊時的縮放，以及定義縮放級別。

如果您想要更多選項，某些功能僅適用于 WP 圖像縮放插件的專業版。

做出相應選擇后，只需從頂部轉到“鏡頭”選項卡即可。

如果您在步驟 1 中選擇了“圓形”或“方形”鏡頭，您現在可以配置鏡頭尺寸、鏡頭顏色、鏡頭邊框選項等設置。

如果您選擇了變焦窗口鏡頭，則需要切換到“變焦窗口”配置選項卡。

從這里，您可以更改縮放窗口的寬度和高度、定位、與主圖像的距離、邊框顏色等。

接下來，您只需單擊“保存更改”即可存儲您的設置。

之后，您所要做的就是配置一些常規設置。

配置常規插件設置

接下來，您需要切換到插件設置下的常規設置選項卡。

從這里，您現在可以啟用縮放WooCommerce產品圖像，縮略圖，移動設備，附件頁面，產品類別頁面等功能。

您需要做的就是選中這些選項旁邊的框。

您還可以刪除燈箱效果，以便用戶可以平滑縮放圖像。

但是，您需要插件的專業版才能使用此功能。

如果您不打算刪除圖像的燈箱，則需要向下滾動到“在燈箱內啟用”選項并選中旁邊的框。

注意：您可以查看支持的燈箱，以確保縮放在您網站上的燈箱內正常工作。

完成設置調整后，不要忘記單擊“保存更改”按鈕以存儲您的設置。

現在將為WooCommerce產品啟用放大縮放。

您可以訪問您的在線商店以查看我們的縮放功能。

但是，如果您想為 WordPress 帖子和頁面上的圖像啟用縮放，則需要按照以下步驟操作。

第 3 步。在塊編輯器中為圖像啟用放大縮放

默認情況下，不會為帖子和頁面上的圖像啟用放大縮放。您需要在將圖像添加到內容后手動執行此操作。

首先，您需要在塊編輯器中打開要編輯的帖子。

接下來，您需要將圖片從媒體庫或計算機上傳到該帖子。

完成此操作后，只需單擊圖像即可打開屏幕右上角的“塊設置”面板。

從這里，只需轉到“樣式”選項卡，然后單擊“使用縮放”按鈕即可將放大縮放應用于您的圖像。

之后，只需單擊頂部的“更新”或“發布”按鈕即可存儲您的設置。

縮放功能在您的網站上將如下所示：

注意：每次要向單個圖像添加縮放效果時，都需要重復此步驟。

我們建議使用高質量的圖像，以使縮放功能看起來很棒。高質量的圖像通常文件大小較大，加載時間更長，這將影響您的網站速度和性能。

要解決此問題，您需要在將圖像上傳到WordPress之前針對網絡優化圖像。