So fügen Sie eine Karte in WordPress hinzu

Veröffentlicht: 2022-09-14

Das Hinzufügen einer Karte zu Ihrer WordPress-Site ist eine großartige Möglichkeit, die Benutzererfahrung zu verbessern und es Besuchern zu erleichtern, Ihren Standort zu finden. Je nach Bedarf gibt es verschiedene Möglichkeiten, eine Karte zu WordPress hinzuzufügen. Wenn Sie nur eine kleine Karte auf Ihrer Kontaktseite oder einer anderen statischen Seite einfügen möchten, können Sie das Google Maps-Widget verwenden. Dieses Widget ist in der WordPress-Widget-Bibliothek verfügbar. Fügen Sie einfach das Widget zu Ihrer Seite hinzu und geben Sie Ihre Adresse ein. Die Karte wird automatisch generiert. Wenn Sie mehr Kontrolle über die Karte benötigen oder interaktive Funktionen hinzufügen möchten, können Sie ein Plugin verwenden. Es gibt eine Reihe großartiger Plugins zum Hinzufügen von Karten zu WordPress. Eines der beliebtesten ist Google Maps Widget Pro. Dieses Plugin gibt Ihnen viel Kontrolle über die Karte, einschließlich der Möglichkeit, Markierungen hinzuzufügen, den Kartentyp zu ändern und benutzerdefiniertes CSS hinzuzufügen. Welche Methode Sie auch wählen, das Hinzufügen einer Karte zu WordPress ist eine großartige Möglichkeit, Ihre Website zu verbessern und benutzerfreundlicher zu machen.

Indem Sie diesen Schritten folgen, können Sie ganz einfach Karten zu Ihrem WordPress hinzufügen. Sie können Ihrer Website manuell eine Google Map hinzufügen oder mit Hilfe eines Plugins eine erstellen. In diesem Kurs werde ich einige der Google-Karten-Plug -ins durchgehen, die eine Google-API erfordern. Um auf einen bestimmten Abschnitt oder das Gesamtbild zuzugreifen, klicken Sie einfach auf den unten stehenden Link. Für einige der Plugins, die wir besprechen werden, benötigen Sie einen API-Schlüssel. Wenn Sie möchten, dass andere Personen Ihren API-Schlüssel verwenden können, müssen Sie ihn einschränken. Um dies zu erreichen, betten Sie einfach Google Maps in Ihre Website ein und gehen ohne Plug-in.

Mit dem WP Google Maps-Plugin ist es möglich, Google Maps in wenigen Minuten zu Ihren WordPress-Beiträgen und -Seiten hinzuzufügen. Mit den Maps-Widgets für Google Maps können Sie mithilfe einer Lightbox in wenigen Minuten eine Karte in Miniaturbildgröße erstellen. Benutzerdefinierte Stecknadelsymbole, benutzerdefinierte Kartentypen (z. B. Straßenkarten) und Farbschemata sind alle verfügbar. Sie können Ihre eigenen Karten mit dem Plugin Supsystic Ultimate Maps erstellen, das Bing Maps, OpenStreetMap, Leaflet, Mapbox und Thunderforest sowie alternative Kartenoptionen umfasst. Das Plugin verwendet eine Reihe von Mapbox-Diensten, darunter Studio Styles und die GL JS-Bibliothek von Mapbox. Wenn Sie Ihrer WordPress-Site eine interaktive Karte hinzufügen möchten, ist das Interactive Geo Maps-Plugin ideal. Das Plugin WP Store Locator ist ein unkompliziertes, benutzerfreundliches Karten-Plugin für Filialstandorte.

Mit dem Plugin können Sie das Erscheinungsbild einer Karte anpassen, benutzerdefinierte Beschriftungen für Eingabefelder hinzufügen und Radiusergebnisse in der Suchleiste anzeigen. Sie können Google Maps ganz einfach zu Ihrer WordPress-Website hinzufügen, indem Sie die Shortcodes in Flexible Map verwenden. Das Plug-in Stellar Places ermöglicht die Erstellung, Verwaltung und Anzeige von mit Google Maps generierten Standorten. Es enthält eine Live-Kartenansicht, Drag-and-Drop-Drop-Marker und unbegrenzte Standorte. Eine Karte kann auch mit Zentrumskoordinaten, Straßenadressen und URL in einer Google Earth-KML-Datei geladen werden.

Geben Sie den Ort, an dem Sie die Karte anzeigen möchten, in das Bearbeitungsfeld ein. Ihre Eingabe führt dazu, dass der von Ihnen angegebene Ort automatisch vervollständigt wird, unabhängig davon, was Sie auswählen. Indem Sie den richtigen Standort auswählen, können Sie ihn zu Ihrer Karte hinzufügen. Wenn Sie auf das rote Markierungssymbol klicken, können Sie den Titel und die Beschriftung der Markierung ändern.

Zunächst müssen Sie MapPress Easy Google Maps finden, installieren und aktivieren. Gehen Sie zur Seite oder zum Beitrag im Bearbeitungsmodus, scrollen Sie nach unten und klicken Sie auf das Feld MapPress Easy Google Maps . Schritt 5: Sie müssen Ihre Adresse eingeben oder auf Mein Standort klicken, damit der Standort Ihres aktuellen Standorts automatisch angezeigt wird.

Wie füge ich ein Kartensymbol zu WordPress hinzu?

Kredit: www.elegantthemes.com

Um ein Kartensymbol zu WordPress hinzuzufügen, müssen Sie zuerst das WP Google Maps-Plugin installieren und aktivieren. Sobald das Plugin aktiviert ist, müssen Sie eine neue Karte erstellen, indem Sie auf den Menüpunkt „Karten“ und dann auf die Schaltfläche „Neu hinzufügen“ klicken. Nachdem Sie Ihre Karte erstellt haben, müssen Sie auf die Schaltfläche „Kartensymbol hinzufügen“ klicken und das Symbol auswählen, das Sie verwenden möchten.

Ein benutzerdefiniertes Markierungssymbol ist eine hervorragende Möglichkeit, eine Karte auf Ihrer Website zu personalisieren. Es gibt drei Möglichkeiten, benutzerdefinierte Markierungen auf Ihrer Karte zu verwenden. Ändern Sie das Standardmarkierungssymbol, fügen Sie eine bestimmte Markierung hinzu oder ändern Sie die Kategorie in eine neue. Wenn Sie abenteuerlustig sind, stehen Ihnen die kostenlosen Google-Kartensymbole zur Verfügung. Durch Klicken auf die Schaltfläche Neue Kategorie hinzufügen können Sie eine neue Markierungskategorie hinzufügen. Wenn Sie ein Markierungssymbol auswählen, haben Sie zwei Möglichkeiten: Geben Sie die Symbol-URL ein oder laden Sie das Bild mit der Option „Bild hochladen“ in die Medienbibliothek hoch. Wie im folgenden Screenshot gezeigt, können Sie den Retina Ready-Schalter aktivieren, nachdem Sie ein Symbol ausgewählt haben.

So verwenden Sie das Google Maps-Widget

Um das Widget zu aktivieren, kopieren Sie Ihren Google Maps-API-Schlüssel und fügen Sie ihn in das Feld „Google Maps-Schlüssel“ ein. Sie können auch einen Standort in das Feld „Standort“ eingeben.

Wie füge ich meiner WordPress-Fußzeile eine Karte hinzu?

Kredit: Stapelüberlauf

Das Hinzufügen einer Karte zu Ihrer WordPress-Fußzeile ist eine großartige Möglichkeit, Ihren Besuchern zu helfen, Ihren Standort zu finden. Es gibt verschiedene Möglichkeiten, dies zu tun, aber der einfachste Weg ist die Verwendung eines Plugins. Es sind viele verschiedene Plugins verfügbar, aber wir empfehlen die Verwendung des WP Google Maps-Plugins. Dieses Plugin ist einfach zu bedienen und hat viele tolle Funktionen. Sobald Sie das Plugin installiert und aktiviert haben, müssen Sie eine neue Karte erstellen. Klicken Sie dazu im linken Menü auf den Reiter „Karten“ und dann auf die Schaltfläche „ Neue Karte hinzufügen “. Geben Sie Ihrer Karte einen Titel und klicken Sie dann auf die Schaltfläche „Markierungen hinzufügen“. Auf diese Weise können Sie Markierungen für Ihren Standort hinzufügen. Sie können auch eine Beschreibung, eine Website und andere Informationen für jede Markierung hinzufügen. Wenn Sie alle Ihre Markierungen hinzugefügt haben, klicken Sie auf die Schaltfläche „Karte speichern“. Nachdem Ihre Karte gespeichert wurde, müssen Sie sie zu Ihrer Fußzeile hinzufügen. Gehen Sie dazu im linken Menü auf die Registerkarte „Darstellung“ und klicken Sie auf den Link „Widgets“. Suchen Sie das „WP Google Maps“-Widget und ziehen Sie es in Ihren Footer-Widget-Bereich. Sobald Sie Ihre Änderungen gespeichert haben, wird Ihre Karte in Ihrer Fußzeile angezeigt.

Wie ordne ich eine Seite in WordPress zu?

Auf diese Frage gibt es keine allgemeingültige Antwort, da der Prozess der Abbildung einer Seite in WordPress je nach verwendetem Thema und den spezifischen Funktionen, die es bietet, unterschiedlich ist. Im Allgemeinen müssen Sie jedoch auf Ihr WordPress-Dashboard zugreifen und zum Abschnitt „Seiten“ navigieren. Von dort aus können Sie eine neue Seite erstellen oder eine vorhandene bearbeiten. Sobald Sie Ihre Änderungen vorgenommen haben, müssen Sie auf die Schaltfläche „Veröffentlichen“ klicken, um Ihre Änderungen zu speichern und Ihre Seite live zu schalten.

Unsere Beispiele für WordPress-Kontaktseiten und Kartenseiten zeigen Ihnen, wie Sie eine Kontaktformular-7-Seite mit dem Kontaktformular-7-Plugin und unserer Design-Kontaktvorlage erstellen. Zunächst müssen Sie das Contact Form 7-Plugin auf Ihrer WordPress-Website installieren und aktivieren. Wie erhalte ich den Einbettungscode für den Karteneinbettungs-iFrame auf Google Maps? Mit unseren WordPress-Themes können Sie sowohl ein Contact Center als auch eine Karte erstellen. Es gibt weltweit kein besseres Unternehmen für Kundenservice als Visualmodo. Wenn Sie Ihren Breitengrad/Schwerkraft sehen und Ihre Adresse in LDA umwandeln möchten, gehen Sie bitte zu http://www.latlong.net/convert-address-to-LDA/. Außerdem muss ein Google Maps-API-Schlüssel erstellt werden, um Ihre Kontaktkartenoptionen eingeben zu können.

Hinzufügen einer Kartenmarkierung

Nachdem Sie auf die Schaltfläche „Neue Markierung hinzufügen“ geklickt haben, können Sie eine Kartenmarkierung hinzufügen. Zum Veröffentlichen müssen Sie zunächst einen Namen für Ihre Markierung angeben. Jetzt können Sie mit dem Hinzufügen des Inhalts zur Markierung beginnen. Sie müssen zuerst auf die Schaltfläche „Inhalt hinzufügen“ klicken, um den Inhalt für die Markierung hinzuzufügen. Nachdem Sie den Inhalt für die Markierung bereitgestellt haben, können Sie ihn veröffentlichen. Nachdem Sie den Inhalt der Markierung erstellt haben, können Sie Kartendaten hinzufügen . Die Schaltfläche „Kartendaten hinzufügen“ muss angeklickt werden, bevor die Kartendaten hinzugefügt werden können. Durch Klicken auf „Veröffentlichen“ können Sie dann die Kartendaten für die Markierung bereitstellen. Nachdem Sie die Kartendaten für die Markierung hinzugefügt haben, können Sie nun das Kartenbild dafür hinzufügen. Sie müssen zuerst auf die Schaltfläche „Bild hinzufügen“ klicken, um das Kartenbild für die Markierung hinzuzufügen. Anschließend müssen Sie zum Veröffentlichen der Markierung ein Kartenbild bereitstellen. Wenn Sie die Kartenebene für die Markierung hinzufügen, wird sie genau wie das Kartenbild angezeigt. Die Schaltfläche „Ebene hinzufügen“ muss gedrückt werden, bevor die Kartenebene für die Markierung hinzugefügt werden kann. Um dann eine Markierung zu veröffentlichen, müssen Sie die Kartenebene bereitstellen. Nachdem Sie die Kartenebene hinzugefügt haben, ist es an der Zeit, die Kartenmarkierung anzuwenden.

So fügen Sie eine Karte auf der WordPress-Kontaktseite hinzu

Das Hinzufügen einer Karte zu einer WordPress-Kontaktseite ist eine großartige Möglichkeit, Ihren Besuchern zu zeigen, wo sich Ihr Unternehmen befindet. Es gibt verschiedene Möglichkeiten, Ihrer Kontaktseite eine Karte hinzuzufügen, und die Methode, die Sie wählen, hängt davon ab, welche Art von Karte Sie verwenden möchten und wie viel Kontrolle Sie über das Erscheinungsbild der Karte haben möchten. Wenn Sie nur eine einfache Karte hinzufügen möchten, um Ihren Besuchern Ihren Standort anzuzeigen, können Sie das Google Maps-Widget verwenden, das im WordPress-Kern enthalten ist.

Mit einem WordPress-Plugin können Sie Ihrem Kontaktformular eine Karte (z. B. Google Maps) hinzufügen. Eine Karte kann Nutzern die Orientierung erleichtern und mehr Leads für Sie generieren. Mit einem WordPress-Plugin können Sie Ihrer Website in diesem einfachen Schritt-für-Schritt-Prozess eine Kontaktformularkarte hinzufügen. Ein WPForms-Benutzer kann ein Foto machen und Google Maps oder Mapbox verwenden. Durch Deaktivieren des Kontrollkästchens „Aktueller Standort“ können Sie ein Formular mit dem Standort Ihres Benutzers vorausfüllen. Sie müssen entweder ein Adressfeld oder ein einzeiliges Textfeld eingeben, um die Option „Karte anzeigen“ in Ihrem Formular verwenden zu können. Im fünften Schritt fügen Sie Ihrem Kontaktformular ein einzeiliges Textfeld hinzu.

Suchen und veröffentlichen Sie Ihr Kontaktformular in Schritt 6. Mit dem WPForms Pro-Plugin können Sie Ihr Formular ganz einfach auf Ihrer Website einbetten. Der siebte Schritt besteht darin, Ihr Formular zu speichern, indem Sie auf die Schaltfläche Speichern in der oberen rechten Ecke klicken. Sie können Ihre eigene Kontaktformularkarte mit einem WordPress-Plugin erstellen. Holen Sie sich noch heute WPForms Pro, um Zugriff auf das Geolocation-Add-on zu erhalten, mit dem Sie diese erstaunlichen Karten verwenden können. Sie haben auch Zugriff auf eine Vielzahl zusätzlicher nützlicher Funktionen sowie Zugriff auf eine Vielzahl anderer Websites. Wie können Sie Ihr Logo oder Bild zu einem Online-Formular hinzufügen? Sie können lernen, wie Sie ein Bild zu einem WordPress-Formular hinzufügen, indem Sie unseren Anweisungen folgen.

So bearbeiten Sie Ihre Kontaktseite in WordPress

Auf der Seite „Kontakt“ sehen Sie oben einige Registerkarten. Die erste Registerkarte „Allgemein“ enthält Informationen zu Ihrer Kontaktseite, z. B. Titel, Beschreibung und Links zu Profilen in sozialen Medien und zur Startseite Ihrer Website. Es gibt eine zweite Registerkarte, auf der Sie Ihre E-Mail-Adresse eingeben können. Sie können beliebig viele E-Mail-Adressen in das Feld unten eingeben, und WordPress sendet entsprechende E-Mail-Benachrichtigungen. Wenn Sie möchten, dass WordPress eine Benachrichtigung sendet, wenn jemand auf eine frühere E-Mail antwortet, können Sie diese Option in Ihren WordPress-Einstellungen festlegen. Die Telefonnummer erscheint auf der dritten Registerkarte. In diesem Feld können Sie beliebig viele Telefonnummern eingeben und WordPress sendet Ihnen entsprechende Telefonbenachrichtigungen, sobald diese generiert wurden. Die vierte Registerkarte enthält Ihre Adresse. Sie können Ihre vollständige Adresse sowie die Stadt oder das Bundesland, in dem Sie leben, eingeben. Auf der fünften Registerkarte haben Sie eine Website. Sie können eine URL für Ihre Website sowie den Domänennamen eingeben, wenn Sie dies bevorzugen. Die sechste Registerkarte enthält Ihre Biographie. Bitte geben Sie eine kurze Beschreibung Ihrer Person an, z. B. Ihren Namen, falls vorhanden. Die siebte Registerkarte enthält Links zu Social-Media-Seiten. Sie können entweder alle Ihre Social-Media-Links direkt in das WordPress-Feld eingeben oder sich dafür entscheiden, dass WordPress sie für Sie hinzufügt. Auf dieser Registerkarte wird ein Bild Ihrer Website angezeigt. Wenn Sie möchten, kann WordPress ein Bild von Ihrer Website verwenden oder Sie können ein Bild hochladen. Sie können Ihrer E-Mail auch eine Signatur hinzufügen, indem Sie auf die neunte Registerkarte klicken. Sie können Ihre E-Mail-Signatur in dieses Feld eingeben oder WordPress dies für Sie erledigen lassen. Auf der letzten Registerkarte finden Sie Ihre Servicevereinbarung. Sie haben die Möglichkeit, den Text für diesen Tab von WordPress in Ihren Browser einfügen zu lassen oder einen eigenen einzugeben.
Wenn Sie mit der Bearbeitung der Kontaktseite fertig sind, klicken Sie unten auf die Schaltfläche Änderungen speichern.

So fügen Sie Google Map in der WordPress-Fußzeile hinzu

Um Daten von Google Maps zu Ihrer Website hinzuzufügen, gehen Sie zum Administratorkonto Ihrer Website, geben Sie den Google Map-Code ein und klicken Sie dann auf Daten hinzufügen. Stellen Sie sicher, dass Sie den Customizer verwenden und den Footer-Widget-Bereich 1 auswählen. Sie können jederzeit Footer-Widget-Bereich Zwei oder Footer-Widget-Bereich Drei verwenden.

Argent Theme ist das Theme, das ich für eine neue Website verwende, die ich für einen Kunden entwickle. Was muss ich tun, um meine Geschäftsadresse in eine einbettbare Google-Karte aufzunehmen ? Wie kann ich das machen? Wie bekomme ich in der Argent-Demo die sozialen Symbole richtig? Funktionieren HTML und Fontawesome? Wenn Sie ein Unternehmen wie GoDaddy zum Hosten Ihrer Website verwenden, können Sie eine Reihe nützlicher Funktionen hinzufügen, die in die Website integriert werden können. Im Footer-Widget-Bereich von Google Maps sollten Sie den Code hinzufügen können. Mit dem Social Icons Widget von Jetpack wurden die Social Icons der Demoseite konfiguriert.