Möchten Sie herausfinden, wie Sie mit Hilfe von eine virtuelle 360-Grad-Tour in WordPress erstellen könnenElementor?
Die Google Street View-Technologie ermöglicht es Ihnen, virtuell in einem bestimmten Bereich herumzulaufen, ohne physisch dort zu sein. So kannst du zum Beispiel praktisch die Umgebung rund um Kuta Beach auf Bali sehen, während du dich physisch in deinem Apartment in London befindest.
Für einige Orte – wie den Louvre in Paris – kann Google Street View sogar einen virtuellen Innenrundgang abdecken.
Wenn Sie eine WordPress-basierte Website haben, können Sie ganz einfach eine 360-Grad-Walkthrough-Funktion auf Ihrer Website erstellen, ohne zu programmieren.
Das Anbieten eines virtuellen 360-Grad-Rundgangs ist eine großartige Idee für Unternehmen wie einen Zoo, eine Touristenattraktion oder ein Restaurant, da dies Ihnen ermöglicht Besucher um die Umgebung um Ihren Standort virtuell zu sehen.
Siehe auch: So verwenden Sie das Beitrags-Widget von Elementor
Wie bereits erwähnt, können Sie Ihrer WordPress-Website ohne Codierung eine 360-Grad-Walkthrough-Funktion hinzufügen. Sie können dies mit den folgenden Plugins erreichen:
So erstellen Sie eine virtuelle 360-Grad-Tour in WordPress mit Essential Addons
Bevor Sie beginnen, stellen Sie sicher, dass Sie installiert haben Elementor und wesentliche Add-ons. Du kannst Elementor herunterladen (Sie können die kostenlose Version verwenden) im offiziellen Repository von Wordpress-Plugins. Während Sie wichtige Add-Ons erhalten, können Sie es auf seiner Offizielle Website.
Laden Sie Essential Addons Pro herunter
Schritt 1: Integrieren von Essential Addons mit Google Maps
Das allererste, was Sie nach der Installation von Elementor und Essential Addons tun müssen, ist die Integration von Essential Addons mit Google Maps. Sie können sie mithilfe eines Google Maps-API-Schlüssels integrieren.
Um einen Google Map API-Schlüssel zu erstellen, besuchen Sie zuerst Google API-Konsole und melden Sie sich mit Ihrem Google-Konto an. Wenn Sie noch kein Projekt haben, erstellen Sie ein neues Projekt, indem Sie auf die Dropdown-Liste oben im Haupt-Dashboard der Google API-Konsole klicken und auf die Schaltfläche klicken NEUES PROJEKT auf dem erscheinenden Fenster.
Geben Sie Ihrem neuen Projekt einen Namen und klicken Sie auf die Schaltfläche CREATE .
Nachdem Ihr neues Projekt erstellt wurde, wählen Sie es über das Dropdown-Menü oben aus und klicken Sie auf Bibliothek auf der linken Tafel.
Die Google Maps-API ist in 17 Typen unterteilt. Sie können auf den Link klicken ZEIGE ALLES im Bereich Menükarte sie alle zu sehen.
Um Essential Addons verwenden zu können, müssen Sie die folgenden APIs aktivieren:
- API-Anweisungen
- Geokodierungs-API
- Maps-JavaScript-API
- Places API
Um eine API zu aktivieren, wählen Sie die betreffende API aus (durch Anklicken) und klicken Sie auf die Schaltfläche AKTIVIEREN SIE.
Nachdem Sie die erforderlichen APIs aktiviert haben, kehren Sie zum Haupt-Dashboard der Google API-Konsole zurück und klicken Sie auf Identifiers auf der linken Tafel. Klicken Sie auf die Schaltfläche Anmeldedaten erstellen und wählen Sie API-Schlüssel. Kopieren Sie den API-Schlüssel im angezeigten Popup.
Sobald Sie den API-Schlüssel erhalten haben, melden Sie sich bei Ihrem WordPress-Dashboard an und navigieren Sie zur Seite Essential Addons Settings, indem Sie auf das Menü klicken Wesentliche Addons in der linken Seitenleiste.
Gehen Sie zur Registerkarte verschiedenste Komponenten und scrollen Sie im Abschnitt nach unten Dynamische Inhaltselemente. Klicken Sie auf Rahmen des Widgets Erweiterte Google Map und fügen Sie Ihren Google-API-Schlüssel ein. Klicken Sie auf die Schaltfläche EINSTELLUNG SICHERN um die Änderung anzuwenden.
Schritt 2: Beginnen Sie mit der Erstellung der virtuellen 360-Grad-Tour
Neue Seite erstellen (Seiten – > Hinzufügen) oder ein neues Element (Artikel – > Hinzufügen) und bearbeiten Sie es mit Elementor. Bevor Sie mit dem Erstellen der Seite beginnen, können Sie zunächst das Layout definieren.
Entdecken Sie auch: So fügen Sie verwandte Elemente in Elementor hinzu
Öffnen Sie dazu das Einstellungsfenster, indem Sie auf das Zahnradsymbol in der unteren linken Ecke klicken. Legen Sie das Layout im Dropdown-Menü fest Layout.
Fügen Sie einen neuen Abschnitt hinzu, indem Sie auf das Plus-Symbol im Bearbeitungsfeld klicken und die Google EA-Karte darin hinzufügen.
Unter der Option Allgemeine Einstellungen Tab Inhalt , ändern Sie den Kartentyp in Panorama.
offen Google Maps in einem neuen Tab und suchen Sie, wo Sie die virtuelle Tour erstellen möchten. Klicken Sie mit der rechten Maustaste auf die Pin-Position und klicken Sie jetzt mit der linken Maustaste auf den ersten Kontextmenüpunkt, der angezeigt wird. Auf diese Weise können Sie Breitengrad (erster Wert) und Längengrad (zweiter Wert) kopieren.
Gehen Sie zurück zur Registerkarte Inhalt und fügen Sie den Breitengrad sowie den Längengrad in die entsprechenden Felder ein.
offene Option Kartensteuerung zum Aktivieren/Deaktivieren der Kartensteuerung, die Sie bereitstellen möchten. Sie können auch die anfängliche Zoomstufe festlegen.
Gehen Sie zur Registerkarte Design um sowohl die Breite als auch die Höhe Ihrer Karte zu definieren.
Klicken Sie auf die Schaltfläche VERÖFFENTLICHUNG um Ihre Karte zu veröffentlichen.
HINWEIS: Wenn die Karte nach dem Ziehen des Widgets nicht geladen wird EA GoogleMaps im Editor angezeigt wird und die Meldung „Nur für Entwicklungszwecke“ angezeigt wird, stellen Sie sicher, dass Sie Ihre Google Cloud-Abrechnung aktivieren.
Die neue Google-Richtlinie erfordert, dass Entwickler das Rechnungskonto aktivieren (Sie können die Google Maps-API weiterhin kostenlos verwenden).
Holen Sie sich Elementor Pro jetzt!!!
Zusammenfassung
Hier ! Das ist es für diesen Artikel, der dir zeigt, wie es geht Erstellen Sie eine virtuelle 360-Grad-Tour in WordPress. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, teilen Sie es ihnen im mit commentaires.
Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.
Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...
