Хотите узнать, как создать виртуальный тур 360 градусов в WordPress с помощьюElementor?
Технология Google Street View позволяет виртуально пройтись по определенной местности, не находясь там физически. Например, вы можете практически увидеть окружающую среду вокруг пляжа Кута на Бали, находясь физически в своей квартире в Лондоне.
Для некоторых мест, таких как Лувр в Париже, Google Street View может даже охватывать виртуальный тур в помещении.
Если у вас есть веб-сайт на основе WordPress, вы можете легко создать функцию обхода на 360 градусов на своем веб-сайте без кодирования.
Предложение 360-градусного виртуального тура — отличная идея для таких предприятий, как зоопарк, туристическая достопримечательность или ресторан, потому что это позволяет вам посетителей чтобы виртуально увидеть окружающую среду вокруг вашего местоположения.
Смотрите также: Как использовать виджет сообщений Elementor
Как уже упоминалось, вы можете добавить функцию обхода на 360 градусов на свой веб-сайт WordPress без кодирования. Вы можете сделать это, используя следующие плагины:
Как создать виртуальный тур на 360 градусов в WordPress с помощью основных дополнений
Перед тем как начать, убедитесь, что вы установили Elementor и основные дополнения. Ты можешь скачать Элементор (можно использовать бесплатную версию) в официальном репозитории WordPress плагины. В то время как для основных надстроек вы можете получить его на своем Официальный сайт.
Скачать основные дополнения Pro
Шаг 1. Интеграция Essential Addons с Google Maps
Самое первое, что вам нужно сделать после установки Elementor и Essential Addons, — это интегрировать Essential Addons с Google Maps. Вы можете интегрировать их с помощью ключа Google Maps API.
Чтобы создать ключ API Карт Google, сначала посетите Консоль API Google и войдите в свою учетную запись Google. Если у вас еще нет проекта, создайте новый проект, щелкнув раскрывающийся список в верхней части главной панели инструментов Google API Console и нажав кнопку НОВЫЙ ПРОЕКТ в появившемся окне.
Дайте вашему новому проекту имя и нажмите кнопку СОЗДАТЬ .
Как только ваш новый проект будет создан, выберите его в раскрывающемся меню вверху и нажмите библиотека на левой панели.
API Карт Google делится на 17 типов. Вы можете нажать на ссылку ПОКАЗАТЬ ВСЕ в разделе Cartes чтобы увидеть их всех.
Чтобы иметь возможность использовать Essential Addons, вам необходимо включить следующие API:
- API маршрутов
- API геокодирования
- Карты JavaScript API
- API мест
Чтобы активировать API, выберите соответствующий API (щелкнув по нему) и нажмите кнопку АКТИВИРОВАТЬ.
Завершив включение необходимых API, вернитесь на главную панель инструментов Google API Console и нажмите Идентификаторы на левой панели. Нажмите на кнопку Создать учетные данные и выберите Ключ API. Скопируйте ключ API в появившемся всплывающем окне.
После того, как вы получили ключ API, войдите в свою панель управления WordPress и перейдите на страницу настроек основных дополнений, щелкнув меню. Основные дополнения на левой боковой панели.
Перейти на вкладку Elements и прокрутите вниз в разделе Элементы динамического содержимого, Cliquez sur настройка виджета Расширенная карта Google и вставьте свой ключ Google API. Нажмите на кнопку СОХРАНИТЬ НАСТРОЙКУ чтобы применить изменение.
Шаг 2: начните создавать виртуальный тур 360 градусов
Создать новую страницу (Страницы –> Добавить) или новую статью (Предметы – > Добавить) и отредактируйте его с помощью Elementor. Прежде чем приступить к созданию страницы, вы можете сначала определить макет.
Узнайте также: Как добавить связанные элементы в Elementor
Для этого откройте панель настроек, щелкнув значок шестеренки в левом нижнем углу. Установите макет из раскрывающегося меню. раскладка.
Добавьте новый раздел, щелкнув значок плюса в поле редактирования, и добавьте в него карту Google EA.
Под опцией общие настройки вкладка Содержание , измените тип карты на Панорама.
открытый Google Maps в новой вкладке и найдите место, где вы хотите создать виртуальный тур. Щелкните правой кнопкой мыши на месте булавки и щелкните левой кнопкой мыши на первом появившемся элементе контекстного меню. Это позволяет копировать широту (первое значение) и долготу (второе значение).
Вернуться на вкладку Содержание и вставьте широту и долготу в соответствующие поля.
открытый вариант Управление картой чтобы включить/отключить элементы управления картой, которые вы хотите предоставить. Вы также можете установить начальный уровень масштабирования.
Перейти на вкладку Стиль чтобы определить ширину, а также высоту вашей карты.
Нажмите кнопку ОПУБЛИКОВАТЬ опубликовать свою карту.
ЗАМЕТКА: Если карта не загружается после перетаскивания виджета Google Карты ЕА в редакторе и вы видите сообщение «Только для целей разработки», обязательно активируйте свой биллинг Google Cloud.
Новая политика Google требует, чтобы разработчики активировали платежный аккаунт (вы по-прежнему можете бесплатно использовать Google Maps API).
Получить Elementor Pro сейчас !!!
Заключение
Здесь ! В этой статье рассказывается, как создать виртуальный тур 360 градусов в WordPress. Если у вас есть какие-либо опасения по поводу того, как туда добраться, сообщите об этом в Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...