Wil je weten hoe je een 360 graden virtuele tour maakt in WordPress met behulp vanElementor?
Met Google Street View-technologie kun je virtueel door een bepaald gebied lopen zonder dat je er fysiek bent. Zo kunt u bijvoorbeeld praktisch de omgeving rond Kuta Beach op Bali zien terwijl u fysiek in uw appartement in Londen bent.
Voor sommige plaatsen, zoals het Louvre in Parijs, kan Google Street View zelfs een virtuele rondleiding binnenshuis weergeven.
Als u een op WordPress gebaseerde website heeft, kunt u eenvoudig een 360 graden walkthrough-functie op uw website maken zonder codering.
Het aanbieden van een 360-graden virtuele rondleiding is een geweldig idee voor bedrijven zoals een dierentuin, toeristische attractie of restaurant, omdat het uw bezoekers om virtueel de omgeving rond uw locatie te zien.
Zie ook: Hoe de berichtenwidget van Elementor te gebruiken
Zoals eerder vermeld, kunt u zonder codering een 360 graden walkthrough-functie aan uw WordPress-website toevoegen. U kunt dit bereiken met behulp van de volgende plug-ins:
Hoe maak je een 360 graden virtuele rondleiding in WordPress met behulp van essentiële add-ons
Zorg ervoor dat u, voordat u begint, hebt geïnstalleerd Elementor en essentiële add-ons. Jij kan download Elementor (u kunt de gratis versie gebruiken) op de officiële repository van WordPress plugins. Terwijl voor essentiële add-ons, u het op zijn kunt krijgen site officiel.
Essentiële Addons Pro downloaden
Stap 1: Essentiële add-ons integreren met Google Maps
Het allereerste dat u hoeft te doen na het installeren van Elementor en Essential Addons, is het integreren van Essential Addons met Google Maps. U kunt ze integreren met behulp van een Google Maps API-sleutel.
Ga eerst naar om een Google Map API-sleutel te maken Google API-console en meld u aan met uw Google-account. Als u nog geen project heeft, maak dan een nieuw project aan door op de vervolgkeuzelijst bovenaan het hoofddashboard van de Google API Console te klikken en op de knop te klikken NIEUW PROJECT op het venster dat verschijnt.
Geef je nieuwe project een naam en klik op de knop SCHEPPEN .
Zodra uw nieuwe project is aangemaakt, selecteert u het via het vervolgkeuzemenu bovenaan en klikt u op bibliotheek op het linkerpaneel.
De Google Maps API is onderverdeeld in 17 typen. U kunt op de link klikken TOON ALLES in de sectie Kaarten om ze allemaal te zien.
Om Essential Addons te kunnen gebruiken, moet u de volgende API's inschakelen:
- API-aanwijzingen
- Geocoderings-API
- Kaarten JavaScript-API
- Places-API
Om een API te activeren, selecteert u de betreffende API (door erop te klikken) en klikt u op de knop ACTIVEREN.
Zodra u klaar bent met het inschakelen van de vereiste API's, keert u terug naar het hoofddashboard van de Google API Console en klikt u op identifiers op het linkerpaneel. Klik op de knop Inloggegevens maken en selecteer API-sleutel. Kopieer de API-sleutel in de pop-up die verschijnt.
Zodra u de API-sleutel heeft verkregen, logt u in op uw WordPress-dashboard en navigeert u naar de pagina Essential Addons Settings door op het menu te klikken Essentiële add-ons op de linker zijbalk.
Ga naar tabblad Elementen en scroll naar beneden in de sectie Dynamische inhoudselementen. Cliquez sur omgeving van de widget Geavanceerde Google Map en plak uw Google API-sleutel. Klik op de knop INSTELLING OPSLAAN om de wijziging toe te passen.
Stap 2: begin met het maken van de 360 graden virtuele tour
Maak een nieuwe pagina aan (Pagina's -> Toevoegen) of een nieuw artikel (Artikelen – > Toevoegen) en bewerk het met Elementor. Voordat u begint met het maken van de pagina, kunt u eerst de lay-out definiëren.
Ontdek ook: Gerelateerde items toevoegen in Elementor
Open hiervoor het paneel Instellingen door op het tandwielpictogram in de linkerbenedenhoek te klikken. Stel de lay-out in via het vervolgkeuzemenu lay-out.
Voeg een nieuwe sectie toe door op het pluspictogram in het bewerkingsvak te klikken en voeg de Google EA-kaart eraan toe.
Onder de optie Algemene instellingen tabblad Inhoud , wijzig het kaarttype in Panorama.
Openen Google Maps in een nieuw tabblad en zoek waar u de virtuele rondleiding wilt maken. Klik met de rechtermuisknop op de pinlocatie en klik nu met de linkermuisknop op het eerste contextmenu-item dat verschijnt. Hiermee kunt u de breedtegraad (de eerste waarde) en de lengtegraad (de tweede waarde) kopiëren.
Ga terug naar het tabblad Content en plak zowel de breedtegraad als de lengtegraad in de respectievelijke velden.
optie openen Kaartbediening om de kaartcontroles die u wilt bieden in of uit te schakelen. U kunt ook het initiële zoomniveau instellen.
Ga naar tabblad Style om zowel de breedte als de hoogte van uw kaart te definiëren.
Klik op de knop pUBLICEREN om uw kaart te publiceren.
NOTE: Als de kaart niet is geladen na het slepen van de widget EA Google Maps in de editor en u ziet een bericht "Alleen voor ontwikkelingsdoeleinden", zorg ervoor dat u uw Google Cloud-facturering activeert.
Het nieuwe Google-beleid vereist dat ontwikkelaars het factureringsaccount activeren (u kunt de Google Maps API nog steeds gratis gebruiken).
Koop Elementor Pro nu!!!
Conclusie
Alstublieft ! Dat is het voor dit artikel dat je laat zien hoe maak een 360 graden virtuele tour in WordPress. Als u zich zorgen maakt over hoe u daar kunt komen, laat het hen dan weten in de commentaires.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
