Как легко добавить интерактивные 360-градусные изображения в WordPress

Хотите добавить интерактивные 360-градусные изображения на свой сайт WordPress?? Интерактивные 360-градусные изображения могут использоваться для...

Хотите добавить интерактивные 360-градусные изображения на свой сайт WordPress??

Интерактивные 360-градусные изображения могут использоваться для создания виртуальных туров или позволяют пользователям взаимодействовать с изображениями товаров с разных ракурсов.

В этой статье мы покажем вам, как легко добавить интерактивные 360-градусные изображения в WordPress.

Зачем использовать интерактивные 360-градусные изображения в WordPress?

Есть много причин использовать 360-градусные изображения на вашем сайте WordPress.

Вы можете использовать фото 360 градусов, чтобы показать товары со всех сторон в вашем интернет-магазине.

Или, возможно, у вас есть сайт о недвижимости, и вы хотите предложить виртуальные туры с использованием интерактивных 360-градусных изображений.

Совет: Необходимо создать 360-градусное изображение? Существует множество приложений для смартфонов, которые позволяют сделать это.

Проблема в том, что по умолчанию WordPress не показывает 360-градусные изображения. Однако вы все еще можете добавить их с помощью плагинов.

Учитывая это, давайте рассмотрим, как легко добавить 360-градусные интерактивные изображения на ваш сайт.

Использование плагина Algori 360 Image Plugin для WordPress

Самый простой способ добавить вращающиеся на 360 градусов изображения в WordPress — использовать плагин Algori 360 Image. Это бесплатный плагин, который поддерживает VR (виртуальную реальность).

Algori 360 добавляет новый блок в редактор блоков. Вы просто загружаете свое 3D-изображение в этот блок.

Примечание: Вы не можете использовать этот плагин с классическим редактором. Кроме того, вы можете добавить только одно 360-градусное изображение на страницу.

Сначала вам нужно установить и активировать плагин Algori 360. Для получения более подробной информации см. пошаговое руководство по установке плагина WordPress.

После активации просто отредактируйте любой существующий пост или страницу или создайте новую.

На экране редактирования поста нажмите на кнопку (+) добавления нового блока, а затем добавьте блок «Изображение 360°».

Добавление блока 360-градусных изображений

Теперь пришло время загрузить ваше 360-градусное изображение в настройки блока.

Просто перетащите ваше изображение в блок или нажмите кнопку Upload, чтобы найти его на вашем компьютере. Вы также можете выбрать изображение, которое уже есть в вашей медиатеке.

Загрузка 360-градусного изображения в WordPress

Загрузка и обработка изображения может занять несколько минут. Вы увидите вращающийся круг загрузки, пока он это делает. Просто подождите, пока изображение появится в редакторе блоков WordPress.

Теперь изображение 360 градусов загружено и обработано

После этого вы можете опубликовать свой пост, чтобы увидеть изображение 360° в реальном времени на вашем сайте. Если вы не готовы опубликовать пост, вы можете предварительно просмотреть его.

Публикация вашей страницы WordPress

Вы можете перетащить изображение, чтобы повернуть его. Вот как это выглядит на нашем демонстрационном сайте.

Если у вас есть гарнитура VR, то вы можете даже нажать кнопку VR, чтобы просмотреть изображение в виртуальной реальности.

Альтернативные плагины для интерактивных 360-градусных изображений, которые стоит попробовать

Если вам нужно больше функций или что-то немного отличающееся от Algori 360 Image, то вы также можете попробовать один из этих других плагинов WordPress:

  • WP VR — 360 Panorama and Virtual Tour Creator for WordPress — Этот плагин предназначен для виртуальных туров. Работает с несколькими популярными конструкторами страниц, а также с редактором Gutenberg. Вы также можете использовать его в классическом редакторе.
  • SR Product 360° View — С помощью этого плагина вы можете добавить вращение на 360° к товарам вашего магазина WooCommerce. Обратите внимание, что вам необходимо установить и активировать WooCommerce, прежде чем вы сможете использовать этот плагин.

Надеемся, эта статья помогла вам узнать, как добавить интерактивные 360-градусные изображения в WordPress. Вы также можете прочитать нашу статью о том, как получить виртуальный номер телефона для бизнеса бесплатно, и наш список обязательных плагинов WordPress для всех сайтов.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий