
WordPress 添加媒体
您想在 WordPress 中为图像添加类似亚马逊的放大功能吗?缩放图像允许用户看到他们在正常尺寸图像中看不到的细节。在本文中,我们将向您展示如何轻松地在 WordPress 中为图像添加放大功能。
您想在 WordPress 中为图像添加类似亚马逊的缩放功能吗?缩放图像可以让用户看到常规尺寸图像中看不到的细节。在本文中,我们将向您展示如何轻松地在 WordPress 中为图像添加缩放功能。

为WordPress图像添加放大倍数 (Adding Magnifying Zoom for WordPress Images)
First thing you need to do is install and activate the WP 图像缩放 plugin. For more details, see our step by step guide on 如何安装 WordPress 插件.
您需要做的第一件事是安装并激活WP 图像缩放插件。 有关更多详细信息,请参阅有关如何安装 WordPress 插件步指南。
Upon activation, you need to visit WP 图像缩放 page in your WordPress admin. From here, you can manage the zoom settings for your images.
激活后,您需要在WordPress管理员中访问WP 图像缩放页面。 在这里,您可以管理图像的缩放设置。

In the 常规设置 tab, you can enable features like zoom on WooCommerce product images, thumbnails, mobile devices, attachment pages, category pages, and more. It also allows you to remove the lightbox, so your users can smoothly zoom images.
在“ 常规设置”选项卡中,可以启用诸如缩放WooCommerce产品图像,缩略图,移动设备,附件页面,类别页面等功能。 它还允许您删除灯箱,以便您的用户可以平滑缩放图像。

如果您不删除图像的灯箱,则可以向下滚动以进行进一步的设置,例如在灯箱内启用缩放。
如果您不删除图像的灯箱,则可以向下滚动以进行进一步设置,例如在灯箱内启用缩放。
笔记: You can see supported lightboxes to make sure that the zoom works fine inside a lightbox.
注意:您可以看到受支持的灯箱,以确保缩放在灯箱内可以正常工作。

Once you are done adjusting the settings on this page, don’t forget to click on the 保存更改 button.
调整完此页面上的设置后,请不要忘记单击“ 保存更改”按钮。
Next, you need to visit the 缩放设置 tab. It has 4 easy steps to add magnifying zoom for your images.
接下来,您需要访问“ 缩放设置”标签。 它有4个简单的步骤为您的图像添加放大变焦。
首先,您需要选择镜头的形状来缩放图像。您可以选择圆形、方形和变焦窗口镜片形状。
首先,您需要选择镜头的形状来缩放图像。您可以选择圆形、方形和变焦窗透镜形状。

选择镜头后,请转到下一步并使用所选镜头预览图像以了解其工作原理。该插件有一个预览图像,您可以使用它来测试您的更改。
选择镜头后,请转到下一步并使用所选镜头预览图像以了解其工作原理。该插件具有可用于测试更改的预览图像。

对下面的配置进行任何更改后,您可以返回并实时预览该图像。
对以下配置进行任何更改后,您可以返回并实时预览图像。
在下一步中,您可以选择光标类型、设置动画缓动效果、启用鼠标悬停或鼠标单击时的缩放,以及定义缩放级别。其中一些功能仅适用于该插件的专业版。
在下一步中,您可以选择光标类型、设置动画缓动效果、启用鼠标悬停或鼠标单击缩放以及定义缩放级别。其中一些功能仅在插件的专业版中可用。

Now you can go to the 镜片 configuration tab for settings like lens size, lens color, lens border options, and more. These settings are effective only if you selected the circle or square lens in Step 1.
现在,您可以转到“ 镜片配置”选项卡进行诸如镜头尺寸,镜头颜色,镜头边框选项等设置。 仅当在步骤1中选择了圆形或方形镜头时,这些设置才有效。

Next, you can visit the 缩放窗口 configuration tab. This tab is enabled only if you selected the 变焦窗镜片 in Step 1.
接下来,您可以访问“ 缩放窗口”配置选项卡。 仅在步骤1中选择了“ 变焦窗镜时" ,才启用此选项卡。
从这里,您可以更改缩放窗口的宽度和高度、定位、与主图像的距离、边框等。
在这里您可以更改缩放窗口的宽度和高度、其位置、与主图像的距离、边框等。

最后,您可以向图像添加自定义文本并选择文本大小、颜色和对齐方式。
最后,您可以向图像添加自定义文本并选择文本大小、颜色和对齐方式。

Don’t forget to click on the 保存更改 button to store your settings. You can always look at the preview image to see how the magnifier will work on your blog images with these settings.
不要忘记单击“ 保存更改”按钮来存储您的设置。 您可以始终查看预览图像,以查看使用这些设置的放大镜如何在您的博客图像上工作。

上述设置将启用 WooCommerce 产品图像的放大功能。要在 WordPress 帖子和页面上启用图像缩放功能,您需要按照以下步骤操作。
上述设置将启用 WooCommerce 产品图像的放大功能。要在 WordPress 帖子和页面上启用图像缩放,您需要执行以下步骤。
对帖子和页面上的图像启用放大缩放 (Enabling Magnifying Zoom for Images on Posts and Pages)
默认情况下,帖子和页面上的图像不会启用放大功能。将图像添加到内容后,您需要手动执行此操作。
默认情况下,帖子和页面上的图像不启用放大缩放。将图像添加到内容后,您需要手动执行此操作。
将图像添加到帖子或页面后,只需单击将其选中,然后单击工具栏中的放大图标即可。该图标将在您的图像上应用缩放设置。
将图像添加到帖子或页面后,只需单击将其选中,然后单击工具栏中的放大图标即可。该图标将在图像上应用缩放设置。

之后,前往帖子查看为所选图像启用的放大缩放功能。每次要向图像添加缩放效果时,您都需要重复此步骤。
之后,转到帖子查看为所选图像启用的放大缩放功能。每次想要为图像添加缩放效果时,您都需要重复此步骤。

We recommend using high-quality images for the zoom feature to look great. High-quality images are normally larger in file size and take longer to load which will affect your 网站速度和性能. To solve this issue, you need to 优化您的网络图像 before uploading them to WordPress.
我们建议使用高质量的图像以使缩放功能看起来不错。 高质量图像通常文件大小较大,并且加载时间更长,这会影响您的网站速度和性能 。 要解决此问题,您需要先优化网页图像,然后再将其上传到WordPress。
We hope this article helped you learn how to add magnifying zoom for images in WordPress. You may also want to see our article on how to 修复 WordPress 中的常见图像问题.
我们希望本文能帮助您学习如何为WordPress中的图像添加放大缩放。 您可能还想看一下有关如何如何解决 WordPress 中常见的图像问题文章。
If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.
如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特和Facebook上找到我们。
翻译自: https://www.wpbeginner.com/plugins/how-to-add-magnifying-zoom-for-images-in-wordpress/
WordPress 添加媒体