照片可能是展示您销售的产品和服务的最佳方式。 然而,图片——甚至视频——有时还不足以让用户做出决定。
有时,您需要更进一步,例如向 WordPress 网站添加交互式图像。 在本文中,我们将向您展示如何使用 Algori 360 Image 插件执行此操作。
让我们深入了解!
https://www.youtube.com/watch?v=SsXCNLND6oc
订阅我们的 YouTube 频道
为什么在您的网站上使用 360 度图像
可以肯定地说,网站上的 360 度或交互式图片是一种新奇事物,除非您经常访问某些特定领域内的网站。 然而,这并不是因为现代浏览器缺乏支持。
您可能不知道 JPEG 或 PNG 等常规文件类型非常适合全景或 360 度图像。 360 度图像和“常规”图像之间的两个主要区别是:
- 解析度。 正如您所料,360 度图像使用的分辨率与常规图片截然不同。
- 缺乏互动性。 使用普通的 PNG 或 JPEG,您无法“移动”图像以查看其中的新部分。
尽管有些人可能会将全景图像视为一般设置中的噱头,但他们 做 为网站上许多有趣的应用程序打开大门。 例如,如果您经营一家在线商店,则可以提供所售产品的 360 度图片。 这将使访问者能够旋转产品以从各个角度看到它。
您喜欢看到在线零售商网站上使用的这些类型的交互式图像。 换句话说,它不是“边缘”技术:
如果您要为出租或出售房产做广告,全景图像也是完美的。 借助 360 度图像,感兴趣的人可以全面了解该物业,而无需浏览数十张图片。
随着虚拟现实 (VR) 变得越来越流行以及头显的普及,能够提供沉浸式体验的网站也将从中受益。 戴耳机的用户可能更有可能在您的网站上花时间,从而提高参与度——这一切都归功于交互式图像。
Algori 360 图像简介
我们过去曾讨论过 VR 插件。 然而,Algori 360 Images 的突出之处在于它支持 360 度图像,并且可以与市场上大多数主要的 VR 头显配合使用,例如 Vive、Oculus Rift、GearVR,甚至 Google Cardboard。
Algori 360 Images 基本上是一个即插即用的工具,但它 只要 与 WordPress 的本机块编辑器一起使用(因为 Divi 和块编辑器可以很好地协同工作,您可能可以在大多数 Divi 页面/布局中进行此工作。但是,如果不是这种情况,我们建议您查看 Panorama 插件)。 Algori 360 图像插件添加了自己的自定义块,您只能将其用于每页嵌入一张交互式图像。
如果您对这些限制感到满意,那么交互式图像使用起来会非常有趣。 访客将能够放大图片,使用鼠标或手指在图像中移动,如果他们拥有耳机,则可以激活 VR 模式。
要记住的一件事是,Algori 360 Images 不添加对 VR 文件类型的支持。 VR 文件太大,无法在大多数网站上随意使用,因此从可用性的角度来看这是不行的。 什么插件 做 为全景图像提供 VR 支持。
主要特点:
- 使用自定义块将 360 度图像上传到 WordPress。
- 使用户能够放大和移动“内部”图像。
- 包括对鼠标和触摸导航的支持。
- 使访问者能够使用 VR 设备与图像进行交互。
- 提供对大多数主要 VR 耳机的支持,包括 Vive、Rift、GearVR 和 Google Cardboard。
价钱: 免费 | 更多信息
如何将 360 度图像添加到 WordPress
向您展示 Algori 360 Images 插件如何工作的最简单方法是 给你看. 我们最喜欢的网络全景图像应用程序之一是旅游博客:
要测试插件,您可以使用我们的布局包建立一个旅游博客,其中还包括一些合适的全景图像。 打开块编辑器后,会出现一个新的 360 度图像 选项将显示在顶部:
360 度图像在全角下看起来最佳,因此请使用适合您的设置 360 度图像 块。 该插件可能会指出 VR 模式仅支持通过 HTTPS 的耳机传感器。 这是插件的下载页面没有告诉您的内容,因此请记住这一点:
在任何情况下,即使在块编辑器中,也可以直接使用图像交互性:
发布页面后,您的 360 度图像将可供访问者立即导航:
尽管插件本身使用起来非常简单,但它也有一些缺点,乍一看可能并不明显。 一方面,360 度图像全面使用大规模分辨率。 这是固有的——如果你想提供良好的交互体验,那些图像 需要 以高分辨率。
但是,高分辨率交互式图像可能会减慢您的加载时间。 如果您在一个页面上添加其中的几个,这一点尤其明显。 当然,这个插件只允许你添加一个,这有助于减小页面大小。
缺少的另一个方面是,除了指定的交互式图像之外,没有用户指示符。 虚拟现实 按钮。 如果您是 VR 用户,这可能足以表明您可以使用耳机。 但是,对于更随意的用户,您需要包含说明,以便他们知道他们可以与图像进行交互。
撇开这些限制不谈,使用 Algori 360 Images 向 WordPress 添加交互式图像就很容易了。 如果您想在网站上偶尔使用 360 度图像并在使用时添加一点 VR 支持,这将使该插件成为一个不错的选择。
结论
交互式图像是展示产品和位置的绝佳方式。 这种交互性使游客能够完全沉浸在体验中,这是普通图片难以复制的。 如果您的目标受众是 VR 头戴设备,体验会更加引人入胜。
Algori 360 Images 是一个“简单”的插件解决方案,可让您上传全景图和 VR 照片以及其他类型的文件。 它与块编辑器一起开箱即用,因此您所要做的就是上传您的图像并在您希望它们去的地方添加一个新块。
您对如何使用 Algori 360 Images 有任何疑问吗? 让我们在下面的评论部分中讨论它们!
文章缩略图由 Oleksandr Yuhlichek/shutterstock.com 提供。