1. 首页
  2. Wordpress教程

如何在WordPress中为图片添加放大缩小图片

你想添加一个像WordPress的放大缩小图像的亚马逊? 缩放图像允许用户查看他们在正常大小的图像中看不到的细节。 在本文中,我们将向您展示如何在WordPress中轻松添加图像的放大缩放。

How to Add Magnifying Zoom for Images in WordPress

为WordPress图片添加放大缩小

首先你需要做的是安装并激活WP Image Zoom插件。 有关更多详细信息,请参阅我们关于如何安装WordPress插件的分步指南。

激活后,您需要访问WordPress管理中的WP Image Zoom页面。 从这里开始,您可以管理图像的缩放设置。

WP Image Zoom

在常规设置标签中,您可以启用诸如放大WooCommerce产品图片,缩略图,移动设备,附件页面,类别页面等功能。 它还可以让你删除灯箱,让你的用户可以平稳地放大图像。

General Settings

如果您没有移除图片的灯箱,那么您可以向下滚动以获取更多设置,例如在灯箱内启用缩放。

注意:您可以看到支持的灯箱,以确保缩放内的缩放工作正常。

Enable Lightbox Zoom

完成调整此页面上的设置后,请不要忘记单击Save Changes按钮。

接下来,您需要访问缩放设置选项卡。 它有4个简单的步骤来为图像添加放大缩放。

首先,您需要选择镜头的形状来放大图像。 您可以选择圆形,方形和缩放窗口镜片形状。

Select Zoom Lens Shape

选择镜头后,请进入下一步,使用所选镜头预览图像以查看其工作原理。 该插件有一个预览图像,您可以使用它来测试您的更改。

Preview Zoom Image

在对下面的配置进行任何更改后,您可以回来并实时预览此图像。

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

General Configuration

现在,您可以转到镜头配置选项卡,了解镜头大小,镜头颜色,镜头边框选项等设置。 只有在步骤1中选择了圆形或方形镜头,这些设置才有效。

Lens Configuration

接下来,您可以访问缩放窗口配置选项卡。 只有在步骤1中选择了缩放窗口镜头 ,此选项卡才会启用。

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

Zoom Window Configuration

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

Custom Text Configuration

不要忘记点击保存更改按钮来存储您的设置。 您可以随时查看预览图像,查看放大镜如何使用这些设置处理您的博客图像。

Save Changes

以上设置将启用WooCommerce产品图像的放大缩小。 要在WordPress帖子和页面上启用图片缩放功能,您需要按照以下步骤操作。

对帖子和页面上的图像启用放大缩放

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

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

Add Zoom to Posts / Pages Images

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

Apply Zoom Post / Page Images

我们建议使用高品质图像进行缩放功能,看起来不错。 高质量的图片文件通常较大,加载时间较长,这会影响您的网站速度和性能 。 为了解决这个问题,你需要在上传到WordPress之前优化你的图片 。

原创文章,作者:懒咪WP,如若转载,请注明出处:https://www.lanmit.com/196.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据