Chcesz dowiedzieć się, jak stworzyć wirtualną wycieczkę 360 stopni w WordPress za pomocąElementor?
Technologia Google Street View pozwala wirtualnie spacerować po określonym obszarze, nie będąc tam fizycznie. Na przykład możesz praktycznie zobaczyć otoczenie wokół plaży Kuta na Bali, będąc fizycznie w swoim mieszkaniu w Londynie.
W przypadku niektórych miejsc — takich jak Luwr w Paryżu — Google Street View może nawet obejmować wirtualną wycieczkę po pomieszczeniach.
Jeśli masz witrynę internetową opartą na WordPressie, możesz łatwo utworzyć w swojej witrynie funkcję przejścia 360 stopni bez kodowania.
Oferowanie wirtualnej wycieczki 360 stopni to świetny pomysł dla firm takich jak zoo, atrakcja turystyczna lub restauracja, ponieważ pozwala odwiedzający aby wirtualnie zobaczyć otoczenie wokół Twojej lokalizacji.
Zobacz także: Jak korzystać z widżetu postów Elementora
Jak wspomniano, możesz dodać funkcję przejścia 360 stopni do swojej witryny WordPress bez kodowania. Możesz to zrobić za pomocą następujących wtyczek:
Jak stworzyć wirtualną wycieczkę 360 stopni w WordPress za pomocą niezbędnych dodatków
Zanim zaczniesz, upewnij się, że zainstalowałeś Elementor i niezbędne dodatki. Możesz pobierz Elementora (możesz użyć darmowej wersji) na oficjalnym repozytorium WordPress wtyczki. Podczas gdy w przypadku niezbędnych dodatków możesz je zdobyć Strona oficjalna.
Krok 1: Integracja niezbędnych dodatków z Mapami Google
Pierwszą rzeczą, którą musisz zrobić po zainstalowaniu Elementora i Essential Addons, jest integracja Essential Addons z Mapami Google. Możesz je zintegrować za pomocą klucza Google Maps API.
Aby utworzyć klucz Google Map API, najpierw odwiedź stronę Konsola API Google i zaloguj się na swoje konto Google. Jeśli nie masz jeszcze projektu, utwórz nowy projekt, klikając listę rozwijaną u góry głównego panelu Google API Console i kliknij przycisk NOWY PROJEKT w wyświetlonym oknie.
Nadaj nazwę nowemu projektowi i kliknij przycisk TWORZENIE .
Po utworzeniu nowego projektu wybierz go z rozwijanego menu u góry i kliknij Biblioteka na lewym panelu.
Interfejs API Map Google jest podzielony na 17 typów. Możesz kliknąć link POKAŻ WSZYSTKO w sekcji Kartki zobaczyć je wszystkie.
Aby móc korzystać z Essential Addons, musisz włączyć następujące interfejsy API:
- Kierunki API
- API do geokodowania
- Mapuje interfejs API JavaScript
- Fotele API
Aby aktywować API, wybierz odpowiednie API (klikając na nie) i kliknij przycisk AKTYWUJ.
Po zakończeniu włączania wymaganych interfejsów API wróć do głównego pulpitu Google API Console i kliknij identyfikatory na lewym panelu. Kliknij przycisk Utwórz dane logowania i wybierz Klucz API. Skopiuj klucz API w wyskakującym okienku.
Po uzyskaniu klucza API zaloguj się do pulpitu nawigacyjnego WordPress i przejdź do strony Essential Addons Settings, klikając menu Niezbędne dodatki na lewym pasku bocznym.
Przejdź do zakładki Elementy i przewiń w dół w sekcji Dynamiczne elementy treści, Kliknij Oprawa widżetu Zaawansowana mapa Google i wklej swój klucz Google API. Kliknij przycisk ZAPISZ USTAWIENIA zastosować zmianę.
Krok 2: zacznij tworzyć wirtualny spacer 360 stopni
Utwórz nową stronę (Strony – > Dodaj) lub nowy przedmiot (Pozycje – > Dodaj) i edytuj go za pomocą Elementora. Zanim zaczniesz tworzyć stronę, możesz najpierw zdefiniować układ.
Odkryj również: Jak dodawać powiązane elementy w Elementorze
Aby to zrobić, otwórz panel Ustawienia, klikając ikonę koła zębatego w lewym dolnym rogu. Ustaw układ z menu rozwijanego Układ.
Dodaj nową sekcję, klikając ikonę plusa w polu edycji i dodaj w niej mapę Google EA.
Pod opcją Ustawienia ogólne patka Treść , zmień typ mapy na Krajobraz.
otwarte Mapy Google w nowej karcie i znajdź miejsce, w którym chcesz utworzyć wirtualną wycieczkę. Kliknij prawym przyciskiem myszy lokalizację pinezki, a następnie lewym przyciskiem myszy kliknij teraz pierwszy element menu kontekstowego, który się pojawi. Pozwala to skopiować szerokość geograficzną (pierwsza wartość) i długość geograficzną (druga wartość).
Wróć do zakładki Treść i wklej szerokość i długość geograficzną w odpowiednich polach.
otwarta opcja Sterowanie mapą aby włączyć/wyłączyć sterowanie kartą, które chcesz udostępnić. Możesz także ustawić początkowy poziom powiększenia.
Przejdź do zakładki Styl aby określić szerokość i wysokość mapy.
Kliknij przycisk PUBLISH opublikować swoją mapę.
UWAGA: Jeśli mapa nie została załadowana po przeciągnięciu widżetu Mapy Google firmy EA w edytorze i zobaczysz komunikat „Tylko do celów programistycznych”, pamiętaj o aktywowaniu rozliczeń Google Cloud.
Nowa polityka Google wymaga od programistów aktywowania konta rozliczeniowego (nadal możesz bezpłatnie korzystać z Google Maps API).
Pobierz Elementor Pro teraz !!!
Wnioski
Tutaj ! To tyle, jeśli chodzi o ten artykuł, który pokazuje, jak stworzyć wirtualną wycieczkę 360 stopni w WordPress. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj im znać w commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
