Wenn Sie einen Dienst wie Google MapsWählen Sie einfach einen Ort und binden Sie die Karte in Ihre Website ein. Sie können jedoch keine Karten im laufenden Betrieb bearbeiten und Ihre Mitarbeiter auch nicht - was häufig für gemeinsame Projekte erforderlich ist.
Hier kommen interaktive Karten ins Spiel. Mit ihnen können Sie bewegliche Markierungen platzieren, die jeder in Ihrem Team bearbeiten kann.
In diesem Tutorial werden wir darüber sprechen, wann diese Art von Karte nützlich ist. Außerdem zeigen wir Ihnen, wie Sie sie auf zwei Arten zu WordPress hinzufügen können.
Aber bevor Sie anfangen, nehmen Sie sich die Zeit, um einen Blick darauf zu werfen Wie man ein Wordpress-Theme zu installieren, Wie viele Plugins sollte ich installieren auf Wordpress.
Dann mLass uns an die Arbeit gehen!
Was ist eine interaktive Karte (und wann wird sie verwendet?)
Das Hinzufügen einer Karte zu einer Website ist ziemlich einfach. Werkzeuge wie Mit Google Maps können Sie Karten in wenigen Minuten in Ihre Seiten einbetten. Der Vorteil dieses Ansatzes besteht darin, dass Besucher sich auf den Karten bewegen, vergrößern, verkleinern usw. können.
Diese Kartentypen sind interaktiver als nur Bilder. Sie können jedoch keine Änderungen vornehmen, sobald Sie sie Ihrer Website hinzugefügt haben.
Auf der anderen Seite können Sie (und in einigen Fällen auch Ihre Kollegen) mithilfe interaktiver Karten neue Markierungen, Symbole, Texte und mehr hinzufügen. Stellen Sie sich zum Beispiel vor, Sie planen ein Meeting für Mitglieder Ihrer Website. Sie können eine Karte mit mehreren Stecknadeln konfigurieren, um Standorte vorzuschlagen.
Übrigens entdecken 5-WordPress-Plugins zum Hinzufügen von Geolocation zu Ihrem Blog
Sie können auch eine interaktive Karte verwenden, damit Ihre Benutzer ihre Standorte freigeben oder zu Orten navigieren können, die sie besuchen möchten. Genauer gesagt handelt es sich hierbei um Nischenanwendungen. Allerdings sind die interaktiven Karten peuvent nützlich sein in einer Vielzahl von Situationen.
Darüber hinaus sind sie nicht unbedingt schwieriger hinzuzufügen als ihre Gegenstücke.
So fügen Sie Ihrer WordPress-Website interaktive Karten hinzu
Wenn es um interaktive Karten geht, können Sie entweder eine in Ihre Website einbetten oder ein Plugin verwenden, um dies zu tun. Der erste Ansatz ist einfacher, aber Plugins bieten häufig viel mehr Funktionen, als Sie vielleicht erwarten. Lassen Sie uns den Ansatz des Plugins durchgehen, um zu zeigen, was diese Funktionen sind.
1. Verwenden Sie das Plugin Karten Marker Pro
Das Plugin Karten Marker Pro ist eine One-Stop-Premium-Lösung zum Hinzufügen von Karten zu WordPress. Es bietet Dutzende erweiterter Funktionen, mit denen Sie Karten aus mehreren Abteilungen anzeigen und Ihren Karten eine praktisch unbegrenzte Anzahl von Markierungen hinzufügen und organisieren können. Darüber hinaus können Besucher die Arten von Markierungen filtern, die sie auf Ihren Karten sehen möchten.
Andere lustige Dinge, die Sie mit diesem Plugin tun können, sind das Hinzufügen von Entfernungs- und Routeninformationen zwischen Markierungen. Sie können sogar Ihren eigenen Standort in Echtzeit über Ihre Website-Karte teilen, wenn Sie dazu bereit sind. Das Einrichten des Plugins kann aufgrund der Vielzahl der angebotenen Funktionen einige Zeit in Anspruch nehmen.
Es ist jedoch nicht so schwierig, wie Sie sich vorstellen können.
Konfigurieren und aktivieren Sie das Plugin zunächst wie jedes andere. Wenn Sie WordPress noch nicht kennen, finden Sie es heraus Wie ein Plugin in Wordpress zu installieren
Sobald das Plugin fertig ist, müssen Sie eine neue Karte oder einen neuen Layer hinzufügen, was Sie über die Registerkarte tun können Maps Marker Pro> Neue Ebene hinzufügen. Legen Sie hier einen Namen fest, den Sie für Ihren Layer erkennen können, und geben Sie den Ort ein, an dem er angezeigt werden soll, wie Sie es bei jedem anderen Online-Mapping-Tool tun würden:
Jetzt können Sie die Größe und Zoomstufe, die Sie als Standard festlegen möchten, über das linke Menü anpassen. Es gibt auch eine Option namens Marker-Clustering Wenn Sie zu weit hineinzoomen, wird ein Symbol mit der Anzahl der Markierungen in einem Bereich angezeigt, wie im folgenden Beispiel:
die Option Suchmarkierungenist andererseits ziemlich explizit. Dies kann hilfreich sein, wenn Sie zusätzliche Informationen zu Ihren Markern hinzufügen möchten:
Scrollen Sie nun nach unten und finden Sie die Option « Füge einen neuen Marker auf dieser Ebene hinzu« . Auf dem nächsten Bildschirm können Sie einen Namen und einen Ort für Ihre Markierung definieren, indem Sie dieselbe Karte wie die vorherige verwenden.
entdecken Sie auch Wie zu komprimieren und die Größe von Bildern auf Wordpress
Sie können auch ein Symbol auswählen und Popup-Text für Ihre Markierung festlegen. Dies wird angezeigt, wenn Besucher auf die Markierung selbst klicken oder sie aus einer Liste auswählen, wenn Sie sie einschließen möchten.
Vergessen Sie auf keinen Fall, die Taste zu drücken veröffentlichen Sobald Sie fertig sind. Nach dem Hinzufügen einiger Markierungen sollte Ihre erste Ebene folgendermaßen aussehen:
Wenn Sie bereit sind, Ihre neue interaktive Karte zu einer Ihrer Seiten hinzuzufügen, sollten Sie a verwenden Kurzwahlnummern. Scrollen Sie zum oberen Rand der Registerkarte Ebene bearbeiten und suchen Sie nach seiner entsprechenden ID:
Nun, platziere die Shortcode [Mapsmarker Layer = "X"] in Ihrem Beitrag oder Ihrer Seite. Vergessen Sie nicht, den Platzhalter zu ersetzen X durch die ID Ihrer "Ebene" im Voraus jedoch.
Ihre Karte sollte nun auf Ihrer Website einsatzbereit sein! Noch wichtiger ist, dass Sie oder andere Mitglieder Ihres Teams diese jederzeit bearbeiten und neue Markierungen hinzufügen können, ohne Ihr Dashboard verlassen zu müssen.
2. Verwenden der integrierten Einbettungsfunktion von Google Map
Google Maps braucht keine Einführung - es ist ein Dienst, mit dem Sie Karten aus der ganzen Welt extrahieren können, um Orte mit anderen Menschen zu teilen, Adressen zu finden und sogar zu teilen, wo Sie sich befinden. Wenn es um Websites geht, gibt es viele Möglichkeiten, Google Maps in Ihre Seiten zu integrieren. 
Die meisten Karten bieten jedoch nur begrenzte Interaktivität. Mit ihnen können Sie durch sie navigieren, zoomen, beenden und Ihre Ansicht ändern, aber nicht mehr.
Tatsache ist, dass Google Maps viel mehr Funktionen bietet als nur einfaches Mapping. Sie können beispielsweise auch mehrere Markierungen hinzufügen, Entfernungen messen und Richtungen in Ihre Karten aufnehmen. Um diese Funktionen auszuprobieren, gehen Sie zu Google Meine Karten und klicken Sie auf die Schaltfläche + Erstellen Sie eine neue Karte :
Legen Sie auf dem nächsten Bildschirm einen Titel für Ihre Karte und ihre erste Ebene fest, auf der wir aufbauen werden. Suchen Sie nun den Ort, den Sie teilen möchten, mithilfe der Google Map-Suchleiste oben auf dem Bildschirm:
Während Sie hineinzoomen, können Sie das Markierungssymbol oben auf dem Bildschirm verwenden, um Orte auf Ihrer Karte hervorzuheben. Klicken Sie einfach auf die Stelle, an der Sie Ihren Marker platzieren möchten, und legen Sie dann einen Namen und ein Symbol dafür fest:
Sobald Sie mehrere Markierungen haben, können Sie Linien zwischen ihnen zeichnen, um die Abstände anzuzeigen:
Wenn Ihre Karte fertig ist, klicken Sie auf die Schaltfläche Teilen im Menü auf der linken Seite. Ändern Sie dort die Zugriffseinstellungen de privat à Öffentlichkeit :
Sie können Teammitglieder auch einladen, ihre E-Mails zu verwenden, damit sie sofort auf die Karte zugreifen können:
In jedem Fall sollten Sie Ihre neue Karte immer in Ihre Website einbetten. Sie können dies tun, indem Sie auf das Symbol mit den drei Punkten neben Ihrem Kartentitel klicken und auf die Option klicken Diese Karte einbetten :
Jetzt können Sie den Einbettungscode kopieren und auf Ihren Seiten einfügen. Ihre neue Karte wird überall dort angezeigt, wo Sie sie platzieren. Darüber hinaus können Ihre Kollegen es bearbeiten und bei Bedarf über Google Maps neue Markierungen hinzufügen.
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.
Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. Das ultimative mathematische Captcha
Ultimate Math Captcha ist ein WordPress Plugin 100 % wirksame Captcha-Prämie. Es ermöglicht das Hinzufügen eines mathematischen Captchas auf der Formen WordPress-Login, Registrierung, Passwortwiederherstellung, Kommentare, WooCommerce, Easy Digital Downloads und aux Formen von bbPress.
Zu seinen Funktionen gehören: einfache Installation und Konfiguration, Hinzufügen von Captcha zu vielen Formen, Unterstützung für mehrere Mathe-Captchas auf derselben Seite, Anpassung von Fehlermeldungen und vieles mehr.
Herunterladen | Demo | Web-Hosting
2. PayPal Standard-Zahlungsportal für Ninja-Formulare
Mit PayPal Standard Gateway für Ninja Forms können Sie Formulare erstellen, die sich nahtlos in das PayPal-Zahlungsgateway integrieren lassen. Sie können personalisierte Bestellformulare erstellen und Zahlungen über Standard-Paypal-Konten erhalten.
Die Hauptmerkmale sind: einfache und schnelle Integration, IPN-Integration, die Möglichkeit, das PayPal-Gateway in einzelnen Formularen zu aktivieren / deaktivieren, Unterstützung für regelmäßige Zahlungen usw.
Herunterladen | Demo | Web-Hosting
3. Schwerkraftformen - Auflisten und Bearbeiten
hiermit WordPress Plugin premium ist es möglich, Eingaben in den Formularen Ihrer Website zu ändern oder zu löschen. Eine Funktion, die dem Gravity Forms-Plugin schmerzlich fehlt, weshalb diese Erweiterung erstellt wurde.
Unter seinen Merkmalen werden wir unter anderem erwähnen: die mBearbeiten und Speichern der aufgezeichneten Daten, diedie Unterdrückung der eingegebenen Daten, dieÄnderung und Löschung bereits veröffentlichter Artikel, die iPerfekte Integration mit jQuery Datatables Plugins und Schwerkraftformen, dieUnterstützung der bedingten Logik, seinfach und schnell zu installieren und vieles mehr.
Herunterladen | Demo | Web-Hosting
Empfohlene Ressourcen
Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.
- Ihre Bilder werden nicht mit SSL angezeigt? Hier ist die Lösung
- Wie ein Widget auf den Kopf Ihrer Wordpress-Blog
- Wie zu komprimieren und die Größe von Bildern auf Wordpress
- Wie präsentiere und teile ich PDFs in WordPress?
Zusammenfassung
Hier ! Das war's für dieses Tutorial. Ich hoffe, Sie können damit interaktive Karten in WordPress erstellen. Zögere nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken.
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 zu WordPress-Blog-Erstellung.
Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.
...
