Искате да разберете как да създадете 360-градусова виртуална обиколка в WordPress с помощта наElementor?
Технологията Google Street View ви позволява виртуално да се разхождате из определен район, без физически да сте там. Например, можете на практика да видите околната среда около плажа Кута в Бали, докато сте физически в апартамента си в Лондон.
За някои места - като Лувъра в Париж - Google Street View може дори да покрие виртуална обиколка на закрито.
Ако имате уебсайт, базиран на WordPress, можете лесно да създадете 360-градусова функция за преглед на вашия уебсайт без кодиране.
Предлагането на 360-градусова виртуална обиколка е страхотна идея за бизнеси като зоопарк, туристическа атракция или ресторант, защото позволява на посетители за да видите виртуално околната среда около вашето местоположение.
Вижте също: Как да използвате приспособлението за публикации на Elementor
Както споменахме, можете да добавите функция за преглед на 360 градуса във вашия уебсайт WordPress без кодиране. Можете да постигнете това с помощта на следните добавки:
Как да създадете 360-градусова виртуална обиколка в WordPress с помощта на основни добавки
Преди да започнете, уверете се, че сте инсталирали Elementor и основни добавки. Можеш изтеглете Elementor (можете да използвате безплатната версия) в официалното хранилище на WordPress плъгини. Докато за основните добавки можете да го получите на него Официален сайт.
Изтеглете Essential Addons Pro
Стъпка 1: Интегриране на Essential Addons с Google Maps
Първото нещо, което трябва да направите след инсталирането на Elementor и Essential Addons, е да интегрирате Essential Addons с Google Maps. Можете да ги интегрирате с помощта на ключ за API на Google Maps.
За да създадете ключ за API на Google Map, първо посетете Google API конзола и влезте с вашия акаунт в Google. Ако все още нямате проект, създайте нов проект, като щракнете върху падащия списък в горната част на главното табло за управление на Google API Console и щракнете върху бутона НОВ ПРОЕКТ на прозореца, който се появява.
Дайте име на новия си проект и щракнете върху бутона СЪЗДАВАНЕ .
След като новият ви проект е създаден, изберете го от падащото меню в горната част и щракнете върху библиотека на левия панел.
API на Google Maps е разделен на 17 типа. Можете да кликнете върху връзката ПОКАЖИ ВСИЧКИ в раздела Карти да ги видя всички.
За да можете да използвате Essential Addons, трябва да активирате следните API:
- Указания за API
- API за геокодиране
- JavaScript API за карти
- API места
За да активирате API, изберете съответния API (като щракнете върху него) и щракнете върху бутона АКТИВИРАТЕ.
След като завършите активирането на необходимите API, върнете се към главното табло за управление на конзолата на Google API и щракнете върху Идентификатори на левия панел. Кликнете върху бутона Създайте идентификационни данни и изберете API ключ. Копирайте API ключа в изскачащия прозорец, който се появява.
След като получите ключа за API, влезте в таблото за управление на WordPress и отворете страницата с настройки на основните добавки, като щракнете върху менюто Основни добавки в лявата странична лента.
Отидете в раздела Елементи и превъртете надолу в секцията Елементи на динамично съдържание, Кликнете върху Настройка на джаджата Разширена Google Map и поставете своя ключ за API на Google. Кликнете върху бутона ЗАПАЗЕТЕ НАСТРОЙКАТА за да приложите промяната.
Стъпка 2: започнете да създавате 360-градусова виртуална обиколка
Създайте нова страница (Страници – > Добавяне) или нова статия (Елементи – > Добавяне) и го редактирайте с Elementor. Преди да започнете да създавате страницата, можете първо да определите оформлението.
Открийте също: Как да добавяте свързани елементи в Elementor
За да направите това, отворете панела с настройки, като щракнете върху иконата на зъбно колело в долния ляв ъгъл. Задайте оформлението от падащото меню оформление.
Добавете нов раздел, като щракнете върху иконата плюс в полето за редактиране и добавете картата на Google EA в него.
Под опцията Общи настройки раздел Съдържание , променете типа карта на панорама.
отворен Google Maps в нов раздел и намерете къде искате да създадете виртуалната обиколка. Щракнете с десния бутон върху местоположението на щифта и щракнете с левия бутон сега върху първия елемент от контекстното меню, който се появява. Това ви позволява да копирате географската ширина (първата стойност) и дължината (втората стойност).
Върнете се в раздела съдържание и поставете географската ширина, както и дължината в съответните полета.
отворена опция Контроли на картата за да активирате/деактивирате контролите на картата, които искате да предоставите. Можете също да зададете първоначалното ниво на увеличение.
Отидете в раздела Стил за да определите ширината, както и височината на вашата карта.
Щракнете върху бутона ПУБЛИКУВАНЕ да публикува вашата карта.
ЗАБЕЛЕЖКА: Ако картата не се зареди след плъзгане на изпълнимия модул EA Google Maps в редактора и виждате съобщение „Само за целите на разработката“, не забравяйте да активирате таксуването си в Google Cloud.
Новата политика на Google изисква от разработчиците да активират акаунта за таксуване (все още можете да използвате API на Google Maps безплатно).
Вземете Elementor Pro сега!!!
Заключение
Тук ! Това е за тази статия, която ви показва как създайте 360 градусова виртуална обиколка в WordPress. Ако имате някакви притеснения как да стигнете до там, уведомете ги в Връзка.
Можете обаче да се консултирате нашите ресурси, ако имате нужда от повече елементи, за да осъществите вашите проекти за създаване на интернет сайтове, като се консултирате с нашето ръководство за Създаване на блог на WordPress или тази, която е включена Divi: най-добрата тема на WordPress за всички времена.
Но междувременно, споделете тази статия във вашите различни социални мрежи.
...