Želite saznati kako stvoriti virtualni obilazak od 360 stupnjeva u WordPressu uz pomoćElementor?

Tehnologija Google Street View omogućuje vam virtualno hodanje određenim područjem bez da ste tamo fizički. Na primjer, možete praktično vidjeti okoliš oko plaže Kuta na Baliju dok ste fizički u svom stanu u Londonu.

Za neka mjesta - kao što je Louvre u Parizu - Google Street View može čak pokriti virtualni obilazak unutarnjeg prostora.

Ako imate web stranicu temeljenu na WordPressu, možete jednostavno stvoriti značajku prolaska od 360 stupnjeva na svojoj web stranici bez kodiranja.

Ponuda virtualnog obilaska od 360 stupnjeva odlična je ideja za tvrtke poput zoološkog vrta, turističke atrakcije ili restorana jer omogućuje posjetitelji kako biste virtualno vidjeli okoliš oko svoje lokacije.

Otkrijte također: Kako koristiti elementorov widget za objave

Kao što je spomenuto, možete dodati značajku prolaska od 360 stupnjeva na svoju WordPress web stranicu bez kodiranja. To možete postići pomoću sljedećih dodataka:

Kako stvoriti virtualni obilazak od 360 stupnjeva u WordPressu koristeći osnovne dodatke

Prije početka provjerite jeste li instalirali Elementor i osnovni dodaci. Možeš preuzmite Elementor (možete koristiti besplatnu verziju) na službenom repozitoriju WordPress plugins. Dok za bitne dodatke, možete ga nabaviti na Službena web stranica.

Preuzmite Essential Addons Pro

Korak 1: Integracija osnovnih dodataka s Google kartama

Prva stvar koju trebate učiniti nakon instaliranja Elementora i Essential Addons je integracija Essential Addons s Google Maps. Možete ih integrirati pomoću ključa Google Maps API.

Da biste izradili Google Map API ključ, prvo posjetite Google API konzola i prijavite se svojim Google računom. Ako još nemate projekt, izradite novi projekt klikom na padajući popis na vrhu glavne nadzorne ploče Google API konzole i klikom na gumb NOVI PROJEKT na prozoru koji se pojavi.

Dajte svom novom projektu naziv i kliknite gumb CREATE .

izradite virtualni obilazak od 360 stupnjeva u WordPressu s Elementorom

Nakon što je vaš novi projekt izrađen, odaberite ga putem padajućeg izbornika na vrhu i kliknite na Knjižnica na lijevoj ploči.

izradite virtualni obilazak od 360 stupnjeva u WordPressu s Elementorom

Google Maps API podijeljen je u 17 vrsta. Možete kliknuti na poveznicu POKAŽI SVE u odjeljku Kartice vidjeti ih sve.

Da biste mogli koristiti Essential Addons, trebate omogućiti sljedeće API-je:

  • Upute za API
  • API za geokodiranje
  • Maps JavaScript API
  • API sjedala

Za aktiviranje API-ja odaberite dotični API (klikom na njega) i kliknite na gumb AKTIVIRATI.

Nakon što dovršite omogućavanje potrebnih API-ja, vratite se na glavnu nadzornu ploču Google API konzole i kliknite identifikatori na lijevoj ploči. Kliknite na gumb Stvorite vjerodajnice i odaberite Ključ API-ja. Kopirajte API ključ u skočni prozor koji se pojavi.

izradite virtualni obilazak od 360 stupnjeva u WordPressu s Elementorom

Nakon što nabavite API ključ, prijavite se na svoju nadzornu ploču WordPressa i idite na stranicu Essential Addons Settings klikom na izbornik Osnovni dodaci na lijevoj bočnoj traci.

Idi na karticu Elementi i pomaknite se prema dolje u odjeljku Elementi dinamičkog sadržaja, Kliknite na Postavljanje widgeta Napredna Google karta i zalijepite svoj Google API ključ. Kliknite na gumb SPREMI POSTAVKU primijeniti promjenu.

Korak 2: počnite stvarati virtualni obilazak od 360 stupnjeva

Napravi novu stranicu (Stranice – > Dodaj) ili nova stavka (Stavke – > Dodaj) i uredite ga pomoću Elementora. Prije nego počnete stvarati stranicu, prvo možete definirati izgled.

Otkrijte također: Kako dodati povezane stavke u Elementor

Da biste to učinili, otvorite ploču Postavke klikom na ikonu zupčanika u donjem lijevom kutu. Postavite izgled iz padajućeg izbornika raspored.

Dodajte novi odjeljak klikom na ikonu plus u okviru za uređivanje i dodajte Google EA kartu u njega.

izradite virtualni obilazak od 360 stupnjeva u WordPressu s Elementorom

Pod opcijom Opće postavke tab Sadržaj , promijenite vrstu karte u panorama.

otvoreno Google Maps u novoj kartici i pronađite gdje želite stvoriti virtualni obilazak. Desnom tipkom miša kliknite mjesto pribadače, a sada lijevom tipkom miša kliknite prvu stavku kontekstnog izbornika koja se pojavi. To vam omogućuje kopiranje zemljopisne širine (prva vrijednost) i dužine (druga vrijednost).

Vratite se na karticu Sadržaj i zalijepite zemljopisnu širinu kao i dužinu u odgovarajuća polja.

izradite virtualni obilazak od 360 stupnjeva u WordPressu s Elementorom

otvorena opcija Kontrole karte da omogućite/onemogućite kontrole kartice koje želite pružiti. Također možete postaviti početnu razinu zumiranja.

Idi na karticu Stil za definiranje širine kao i visine vaše karte.

izradite virtualni obilazak od 360 stupnjeva u WordPressu s Elementorom

Kliknite na gumb Objavi objaviti svoju kartu.

NAPOMENA: Ako se karta ne učita nakon povlačenja widgeta EA Google karte u uređivaču i vidite poruku "Samo u razvojne svrhe", svakako aktivirajte Google Cloud naplatu.

Nova Googleova pravila zahtijevaju od programera da aktiviraju račun za naplatu (još uvijek možete besplatno koristiti Google Maps API).

Nabavite Elementor Pro sada!!!

Zaključak

Ovdje! To je to za ovaj članak koji vam pokazuje kako izradite virtualni obilazak od 360 stupnjeva u WordPressu. Ako imate bilo kakvih nedoumica o tome kako doći tamo, obavijestite ih u Komentari.

Međutim, možete se konzultirati naši resursi, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.

Ali u međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.

...