wordpress添加媒体_如何在WordPress中为图像添加放大缩放

wordpress添加媒体

Do you want to add an Amazon like magnifying zoom for images in WordPress? Zooming images allow users to see details that they would not see in a normal sized image. In this article, we will show you how to easily add magnifying zoom for images in WordPress.

您是否要为WordPress中的图像添加像放大一样的Amazon？ 缩放图像使用户可以看到普通尺寸图像中看不到的细节。 在本文中，我们将向您展示如何轻松地为WordPress中的图像添加放大缩放。

为WordPress图像添加放大倍数 (Adding Magnifying Zoom for WordPress Images)

First thing you need to do is install and activate the WP Image Zoom plugin. For more details, see our step by step guide on how to install a WordPress plugin.

您需要做的第一件事是安装并**WP Image Zoom插件。 有关更多详细信息，请参阅有关如何安装WordPress插件的分步指南。

Upon activation, you need to visit WP Image Zoom page in your WordPress admin. From here, you can manage the zoom settings for your images.

**后，您需要在WordPress管理员中访问WP Image Zoom页面。 在这里，您可以管理图像的缩放设置。

In the General Settings 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产品图像，缩略图，移动设备，附件页面，类别页面等功能。 它还允许您删除灯箱，以便您的用户可以平滑缩放图像。

If you are not removing lightbox for images, then you can scroll down for further settings like enabling zoom inside a lightbox.

如果您不删除图像的灯箱，则可以向下滚动以进行进一步的设置，例如在灯箱内启用缩放。

Note: 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 Save Changes button.

调整完此页面上的设置后，请不要忘记单击“ 保存更改”按钮。

Next, you need to visit the Zoom Settings tab. It has 4 easy steps to add magnifying zoom for your images.

接下来，您需要访问“ 缩放设置”标签。 它有4个简单的步骤为您的图像添加放大变焦。

First, you need to select the shape of the lens to zoom images. You can choose from circle, square, and zoom window lens shape.

首先，您需要选择镜头的形状以缩放图像。 您可以从圆形，方形和缩放窗口镜头形状中选择。

After choosing your lens, go to the next step and preview an image with the selected lens to see how it works. The plugin has a preview image that you can use to test your changes.

选择好镜头后，转到下一步，并使用所选镜头预览图像以查看其工作原理。 该插件具有预览图像，可用于测试更改。

You can come back and live preview this image after making any changes to the configuration below.

对以下配置进行任何更改后，您可以返回并实时预览该图像。

In the next step, you can select cursor type, set animation easing effect, enable the zoom on mouse hover or mouse click, and define a zoom level. Some of these features are only available for the pro version of the plugin.

在下一步中，您可以选择光标类型，设置动画缓和效果，启用鼠标悬停或单击鼠标的缩放以及定义缩放级别。 其中某些功能仅适用于插件的专业版。

Now you can go to the Lens 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 Zoom Window configuration tab. This tab is enabled only if you selected the Zoom Window Lens in Step 1.

接下来，您可以访问“ 缩放窗口”配置选项卡。 仅在步骤1中选择了“ 缩放窗口镜头”时 ，才启用此选项卡。

From here, you can change the width and height of zoom window, positioning, distance from the main image, borders, and more.

在这里，您可以更改缩放窗口的宽度和高度，位置，与主图像的距离，边框等。

Lastly, you can add custom text to the image and choose text size, color, and alignment.

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

Don’t forget to click on the Save Changes 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.

不要忘记单击“ 保存更改”按钮来存储您的设置。 您可以始终查看预览图像，以查看使用这些设置的放大镜如何在您的博客图像上工作。

The above settings will enable magnifying zoom on your WooCommerce product images. To enable zoom for your images on WordPress posts and pages, you need to follow the steps below.

以上设置将启用WooCommerce产品图像的放大缩放。 要在WordPress帖子和页面上启用图像缩放，您需要执行以下步骤。

对帖子和页面上的图像启用放大缩放 (Enabling Magnifying Zoom for Images on Posts and Pages)

By default, the magnifying zoom is not enabled for images on your posts and pages. You need to do it manually after adding an image to your content.

默认情况下，您的帖子和页面上的图像未启用放大缩放。 将图像添加到内容后，您需要手动执行操作。

Once you add the image to your post or page, simply click to select it and then click on the magnifying icon in the toolbar. This icon will apply the zoom settings on your image.

将图像添加到帖子或页面后，只需单击以将其选中，然后单击工具栏中的放大图标。 此图标将在图像上应用缩放设置。

After that, head over to the post to see magnifying zoom feature enabled for the selected image. You need to repeat this step each time you want to add the zoom effect to an image.

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

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 website speed and performance. To solve this issue, you need to optimize your images for the web 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 fix common image issues in WordPress.

我们希望本文能帮助您学习如何为WordPress中的图像添加放大缩放。 您可能还想看一下有关如何解决WordPress中常见图像问题的文章。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

如果您喜欢这篇文章，请订阅我们的YouTube频道 WordPress****。 您也可以在Twitter和Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-add-magnifying-zoom-for-images-in-wordpress/

wordpress添加媒体