Ønsker du at finde ud af, hvordan du laver en 360 graders virtuel tur i WordPress ved hjælp afElementor?
Google Street View-teknologi giver dig mulighed for virtuelt at gå rundt i et bestemt område uden fysisk at være der. For eksempel kan du praktisk talt se miljøet omkring Kuta Beach på Bali, mens du fysisk er i din lejlighed i London.
For nogle steder - såsom Louvre i Paris - kan Google Street View endda dække en indendørs virtuel tur.
Hvis du har en WordPress-baseret hjemmeside, kan du nemt oprette en 360 graders walkthrough-funktion på din hjemmeside uden kodning.
At tilbyde en 360-graders virtuel rundvisning er en god idé for virksomheder som en zoologisk have, turistattraktion eller restaurant, fordi det giver dig mulighed for besøgende for virtuelt at se miljøet omkring din placering.
Se også: Sådan bruger du Elementors indlæg-widget
Som nævnt kan du tilføje en 360 graders gennemgangsfunktion på din WordPress hjemmeside uden kodning. Du kan opnå dette ved at bruge følgende plugins:
Sådan opretter du en 360 graders virtuel tur i WordPress ved hjælp af essentielle tilføjelser
Før du starter, skal du sørge for at have installeret Elementor og Essential Addons. Du kan download Elementor (du kan bruge den gratis version) på det officielle lager af WordPress plugins. Mens for vigtige tilføjelser, kan du få det på det hjemmeside officiel.
Trin 1: Integrering af essentielle tilføjelser med Google Maps
Den allerførste ting, du skal gøre efter installation af Elementor og Essential Addons, er at integrere Essential Addons med Google Maps. Du kan integrere dem ved hjælp af en Google Maps API-nøgle.
For at oprette en Google Map API-nøgle skal du først besøge Google API-konsol og log ind med din Google-konto. Hvis du ikke har et projekt endnu, skal du oprette et nyt projekt ved at klikke på rullelisten øverst på hoveddashboardet i Google API-konsollen og klikke på knappen NYT PROJEKT på det vindue, der kommer frem.
Giv dit nye projekt et navn, og klik på knappen CREATE .
Når dit nye projekt er oprettet, skal du vælge det via rullemenuen øverst og klikke på bibliotek på venstre panel.
Google Maps API er opdelt i 17 typer. Du kan klikke på linket VIS ALT i afsnittet Kort at se dem alle.
For at kunne bruge Essential Addons skal du aktivere følgende API'er:
- API retninger
- Geokodning API
- Maps JavaScript API
- API-sæder
For at aktivere en API skal du vælge den pågældende API (ved at klikke på den) og klikke på knappen AKTIVER.
Når du har fuldført aktiveringen af de nødvendige API'er, skal du vende tilbage til hovedbetjeningspanelet i Google API-konsollen og klikke på identifikatorer på venstre panel. Klik på knappen Opret legitimationsoplysninger og vælg API-nøgle. Kopier API-nøglen på pop op-vinduet, der vises.
Når du har fået API-nøglen, skal du logge ind på dit WordPress-dashboard og navigere til siden Essential Addons Settings ved at klikke på menuen Væsentlige tilføjelser på venstre sidebjælke.
Gå til fanen Elements og scroll ned i afsnittet Dynamiske indholdselementer. Klik på Lokal område af widgetten Avanceret Google Maps og indsæt din Google API-nøgle. Klik på knappen GEM INDSTILLING for at anvende ændringen.
Trin 2: Begynd at oprette den 360-graders virtuelle tur
Opret en ny side (Sider – > Tilføj) eller en ny vare (Varer – > Tilføj) og rediger den med Elementor. Før du begynder at oprette siden, kan du først definere layoutet.
Opdag også: Sådan tilføjes relaterede elementer i Elementor
For at gøre dette skal du åbne panelet Indstillinger ved at klikke på tandhjulsikonet i nederste venstre hjørne. Indstil layoutet fra rullemenuen layout.
Tilføj en ny sektion ved at klikke på plusikonet i redigeringsfeltet og tilføje Google EA-kortet i det.
Under indstillingen Generelle indstillinger fanen Indhold , ændre korttypen til Vis.
åbent Google Maps i en ny fane og find, hvor du vil oprette den virtuelle rundvisning. Højreklik på pin-placeringen og venstreklik nu på det første genvejsmenupunkt, der vises. Dette giver dig mulighed for at kopiere breddegrad (den første værdi) og længdegrad (den anden værdi).
Gå tilbage til fanen Indhold og indsæt breddegraden samt længdegraden i de respektive felter.
åben mulighed Kort kontrol for at aktivere/deaktivere de kortstyringer, du vil levere. Du kan også indstille det oprindelige zoomniveau.
Gå til fanen stil for at definere bredden samt højden på dit kort.
Klik på knappen PUBLISH at offentliggøre dit kort.
BEMÆRK: Hvis kortet ikke er indlæst efter at have trukket widgetten EA Google Maps i editoren, og du ser en besked "Kun til udviklingsformål", skal du sørge for at aktivere din Google Cloud-fakturering.
Den nye Google-politik kræver, at udviklere aktiverer faktureringskontoen (du kan stadig bruge Google Maps API gratis).
Få Elementor Pro nu!!!
Konklusion
Her ! Det er det for denne artikel, der viser dig hvordan opret en 360 graders virtuel tur i WordPress. Hvis du er i tvivl om, hvordan du kommer dertil, så lad dem vide det i kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
