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


您是否要為WordPress中的圖像添加像放大一樣的Amazon? 縮放圖像使用戶可以看到普通尺寸圖像中看不到的細節。 在本文中,我們將向您展示如何輕鬆地為WordPress中的圖像添加放大縮放。

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

為WordPress圖像添加放大倍數

您需要做的第一件事是安裝並激活WP Image Zoom插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 WP圖像縮放 WordPress管理員中的頁面。 在這裡,您可以管理圖像的縮放設置。

WP圖像縮放

在裡面 常規設置 標籤上,您可以啟用諸如縮放WooCommerce產品圖像,縮略圖,移動設備,附件頁面,類別頁面等功能。 它還允許您刪除燈箱,以便用戶可以平滑縮放圖像。

常規設置

如果您不刪除圖像的燈箱,則可以向下滾動以進行進一步的設置,例如在燈箱內啟用縮放。

注意: 您可以看到受支持的燈箱,以確保縮放在燈箱內可以正常工作。

啟用燈箱縮放

調整完此頁面上的設置後,請不要忘記單擊 保存更改 按鈕。

接下來,您需要訪問 縮放設定 標籤。 它有4個簡單的步驟來為圖像添加放大倍率。

首先,您需要選擇鏡頭的形狀以縮放圖像。 您可以從圓形,方形和縮放窗口鏡頭形狀中選擇。

選擇變焦鏡頭形狀

選擇好鏡頭後,轉到下一步,並使用所選鏡頭預覽圖像以查看其工作原理。 該插件具有預覽圖像,可用於測試更改。

預覽縮放圖像

對以下配置進行任何更改後,您可以返回並實時預覽該圖像。

在下一步中,您可以選擇光標類型,設置動畫緩和效果,啟用鼠標懸停或單擊鼠標的縮放以及定義縮放級別。 其中某些功能僅適用於插件的專業版。

常規配置

現在您可以轉到 鏡片 配置標籤,可進行鏡頭尺寸,鏡頭顏色,鏡頭邊框選項等設置。 僅當在步驟1中選擇了圓形或方形鏡頭時,這些設置才有效。

鏡頭配置

接下來,您可以訪問 縮放視窗 配置標籤。 僅當您選擇 變焦窗鏡 在步驟1中。

在這裡,您可以更改縮放窗口的寬度和高度,位置,與主圖像的距離,邊框等。

縮放窗口配置

最後,您可以向圖像添加自定義文本,然後選擇文本大小,顏色和對齊方式。

自定義文本配置

別忘了點擊 保存更改 按鈕來存儲您的設置。 您可以始終查看預覽圖像,以查看使用這些設置的放大鏡如何在您的博客圖像上工作。

保存更改

以上設置將啟用WooCommerce產品圖像的放大縮放。 要在WordPress帖子和頁面上啟用圖像縮放,您需要執行以下步驟。

對帖子和頁面上的圖像啟用放大縮放

默認情況下,您的帖子和頁面上的圖像未啟用放大縮放。 將圖像添加到內容後,您需要手動執行操作。

將圖像添加到帖子或頁面後,只需單擊以選擇它,然後單擊工具欄中的放大圖標。 此圖標將在圖像上應用縮放設置。

為帖子/頁面圖像添加縮放

之後,轉到帖子以查看為所選圖像啟用的放大縮放功能。 每次要將縮放效果添加到圖像時,都需要重複此步驟。

應用縮放帖子/頁面圖像

我們建議使用高質量的圖像以使縮放功能看起來不錯。 高質量圖像通常文件大小較大,並且加載時間更長,這會影響您的網站速度和性能。 要解決此問題,您需要先優化網絡圖像,然後再將其上傳到WordPress。

我們希望本文能幫助您學習如何為WordPress中的圖像添加放大縮放。 您可能還想看一下有關如何解決WordPress中常見圖像問題的文章。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。