Reisen Sie oft? Denn wenn Sie es noch nicht wissen, wird WordPress auch häufig von Bloggern verwendet, die eine Leidenschaft für das Reisen haben. Mit letzteren können sie ihre Fotos und die außergewöhnlichen Momente, die sie hatten, mit anderen Menschen teilen.
Glauben Sie nicht, dass es für Sie, die gerne die Orte teilen, die Sie besuchen, schön wäre, eine interaktive Reisekarte hinzuzufügen, die die verschiedenen Orte zeigt, an denen Sie waren?
Wenn Sie diese Idee so verzaubert wie mich, dann wissen Sie, dass Sie in diesem Tutorial lernen werden, eine interaktive Karte auf Ihrer zu integrieren Wordpress-Blog.
Wie zu installieren und das Plugin Nomad Weltkarte konfigurieren
Als erstes müssen Sie das Nomad World Map Plugin installieren und aktivieren (Es ist treffend benannt) Verfügbar auf WordPress.org aus dem Armaturenbrett. Sie können auch herunterladen das Plugin als Zip-Datei.
Nach der Installation und Aktivierung des Plugins wird ein neues Menü " Nomad Karte »Wird dem Dashboard hinzugefügt (unten links). Klicken Sie auf das Untermenü Einstellungen, um mit der Konfiguration fortzufahren.
Standardkonfigurationen sind ausreichend. Ich werde immer einige Optionen erklären.
Im Abschnitt "Allgemein"
Es ist möglich, einen Track zwischen den besuchten Orten zu aktivieren. Die folgende Option " Zeichnen geschwungene Linien auf der Karte Ermöglicht das Zeichnen gekrümmter Linien auf der Karte.
« Es Pageload vergrößern Bietet Ihnen die Möglichkeit, sich beim Laden der Seite auf einen Ort zu konzentrieren. Sie haben die Wahl zwischen dem ersten und dem letzten Platz.
« Zoom-Ebene »Ermöglicht das Anpassen des Zooms auf der Karte.
« Art Karte »Ermöglicht die Auswahl des Kartentyps
Die Option " Historische Straßen Farbe "Ist die Farbe eines Weges genommen und" Zukünftige Straße Farbe Ist die Farbe der zukünftigen Straßen (für geplante Reisen).
Der Abschnitt Inhaltsoptionen
Mit der Option " Beitrag zeigen Thumbnails in einem Kreis », Sie können das vorgestellte Bild eines Artikels in einer Blase anzeigen. Die Option " Lassen Sie sich die Leasing glücklich in der »Ermöglicht die Anzeige der Details des Ortes in einem Schieberegler oder Tooltip.
So fügen Sie der Karte einen neuen Ort hinzu
Klicken Sie auf die Schaltfläche Route Editor “. Auf dieser neuen Seite fügen wir zunächst den Namen des Ortes hinzu, zum Beispiel " Prag Dadurch wird ein Zeiger auf der Karte an der angegebenen Position angezeigt. Klicken Sie dann auf " Sept ".
Die Option " glücklich Rentals » ermöglicht Ihnen die Auswahl eines Artikels, der mit diesem Ort verlinkt wird. Sie können auch eine hinzufügen Inhalt direkt durch Auswahl von „ benutzerdefinierte glücklich ".
Um den Platz an einen Artikel anzuhängen, lassen Sie die Option " Post Auszug »Aktivieren und klicken auf« Suche »Im nächsten Feld, um eine Suche durchzuführen, unmittelbar nach Angabe des Artikeltitels (und nicht Suchbegriffen).
Sie können dann das vorgestellte Bild bearbeiten, stattdessen die Abfahrts- und Ankunftszeiten angeben und anschließend auf "Klicken Sie auf" klicken. Speichern Unten links.
Nach einem Klick auf " Speichern Sie können den Vorgang wiederholen und die verschiedenen Orte hinzufügen, an denen Sie waren.
Wie mehrere Reisekarten hinzufügen
Alles was Sie tun müssen, ist auf die " Karten bearbeiten Vom Plugin und klicke auf " Hinzufügen neue Karte ". Ein Fenster öffnet sich, Sie müssen den Namen der Karte speichern, Beispiel: " 2014 Spezialreisen ".
Klicken Sie dann auf den Namen dieser Karte, um Orte hinzuzufügen, wie sie stattdessen angezeigt wurden.
Sie können auf eine Karte auch zugreifen, indem Sie die Karte aus der Liste der verfügbaren Karten auswählen.
Wie man eine Karte auf einer Seite / Artikel angezeigt werden
Sie müssen nur die Kennung einer Karte abrufen und als Parameter in den folgenden Shortcode integrieren:
[Mwm_map]
Um also identische Shortcodes zu haben: [mwm _map id = ”2 ″] ou [mwm _map id = ”10 ″]
Um die Kennung einer Karte abzurufen, kehren Sie zu " Karten bearbeiten Plugin und kopiere die Nummer der Karte deiner Wahl in die Spalte " ID ".
Verwenden Sie diese Kurzwahlnummer in einem Artikel / Seite und überprüfen Sie es zu sehen, wie das Plugin verhält.
Das war's für dieses Tutorial zum Erstellen einer interaktiven Reisekarte in WordPress. Zögern Sie nicht, den Tipp mit Ihren Freunden in den sozialen Medien zu teilen.
Hallo, kleine Frage, wie wählst du den Bereich der Karte aus, der angezeigt werden soll? Ich möchte eine Karte von Neuseeland erstellen, aber wenn Sie die Seite mit der Karte öffnen, wird Frankreich vergrößert ...
Hallo,
Versuchen Sie, Neuseeland beim Erstellen der Karte zu verwenden. Wohnst du in Frankreich?
Guten Tag,
Ich habe Nomad Maps ausprobiert, aber das Plugin scheint nicht mehr aktualisiert zu werden und ich finde die Benutzeroberfläche nicht sehr sauber und intuitiv.
Ich habe ein anderes Plugin gefunden, das meiner Meinung nach besser geeignet ist: https://wordpress.org/plugins/travelmap-blog
Sie können Fotos und Artikel mit der Karte verknüpfen.
Guten Tag,
Vielen Dank für die gemeinsame Nutzung.
Guten Tag,
Ich habe den Ursprung des Problems gefunden und einen falschen Google API-Browserschlüssel kopiert.
guter Tag
Sonia
Vielen Dank für die Rückkehr Sonia
Guten Tag,
Ich bin neu in WordPress, genau wie bei Idem. Ich habe eine Fehlermeldung, die auf der Karte angezeigt wird: »Kleines Problem… Ein Fehler ist aufgetreten
Google Maps wurde auf dieser Seite nicht korrekt geladen. Weitere technische Informationen zu diesem Fehler finden Sie in der JavaScript-Konsole. ""
Ich habe versucht, das Thema wie empfohlen zu ändern, aber das löst mein Problem nicht. Können Sie mir bitte helfen?
Vielen Dank im Voraus!
Bonne journée,
Sonia,
Guten Tag,
Ich habe kein SEO >> Titel & Metas…
Ich habe nur das Dashboard und die Suchkonsole. Liegt es daran, dass ich keine Premium-Version habe?
Guten Tag,
Ich bin ein Anfänger und konsultiere Ihren Blog ...
Es sieht so aus, als ob es einen Syntaxfehler im Shortcode gibt, der [nwm_map id = ”1 ″] und nicht [mwm _map id = '1'] sein sollte.
Ich hatte viel zu kämpfen, bevor ich das sah.
Bonne journée
Hallo,
Danke für die Verbesserung. Es wird sehr geschätzt.
Hallo,
Vielen Dank für Ihre Tutorial.
Ich habe versucht, Ihrer Methode zum Einbetten einer Karte in eine PAGE (WordPress) zu folgen, habe jedoch nicht das erwartete Ergebnis erhalten.
Im Textteil (nicht visuell), erhalte ich den folgenden Shortcode:
[Mwm _MAP id = '2']
Wenn ich eine Vorschau meiner Seite ansehe, wird nicht die Karte angezeigt, sondern der Text "[mwm _map id = '2']".
Kannst du mir bitte helfen ?
Je vous remercie.
Hallo,
Kannst du einen Screenshot teilen?
Guten Tag,
Vielen Dank für Ihre Rückkehr. Wie kann ich mit Ihnen einen Screenshot teilen?
Es ist nicht, scheint mir ein Bild oder eine Anlage einzufügen.
Sie können Ihren Screenshot auf speziellen Websites hosten und den Link dann hier veröffentlichen. Oder Sie können es in Ihre Medien einfügen und mir den Link geben.
Guten Tag,
Vielen Dank für Ihre Hilfe.
Unten ist der Link des Screenshots der Seite mit dem Text unter WordPress und was ich bekomme.
http://www.zimagez.com/zimage/wordpress15.php
http://www.zimagez.com/zimage/blog899.php
Bonne journée
Hallo, sorry für die späte Antwort,
Versuchen Sie, ein anderes Thema zu aktivieren, um es zu sehen.
Guten Tag,
Ich habe das Plugin installiert, aber ich habe ein Problem:
In "Nomadenkarte" wird die Karte nicht angezeigt! Ich kann also nichts konfigurieren.
Folgendes wird angezeigt: "Kleines Problem ... Ein Fehler ist aufgetreten
Google Maps wurde auf dieser Seite nicht korrekt geladen. Weitere technische Informationen zu diesem Fehler finden Sie in der JavaScript-Konsole. ""
Ich weiß nicht, wie ich die Javascript-Konsole ändern soll und vor allem sehe ich nicht, was ich tun soll!
Merci de votre aide
Guten Tag,
Über die Javascript-Konsole können Sie herausfinden, was das Problem verursacht. Hast du das Tutorial befolgt? Wenn dies der Fall ist, muss Ihre Javascript-Konsole erfasst werden. Dazu müssen Sie F12 (in Chrome) drücken, in dem angezeigten Bereich die Registerkarte "Konsole" suchen und dann eine Aufnahme machen. Es gibt verschiedene Tools, mit denen Sie Aufnahmen machen können. Sobald Sie die Erfassung Ihrer Javascript-Konsole haben, kann ich Ihnen helfen.
Danke für dieses Tutorial! Wissen Sie, ob es möglich ist, die Karte in einen Schieberegler einzulegen?
Danke
Hallo,
Ich habe noch nicht getestet, aber es muss auf jeden Fall möglich sein.
Guten Tag,
Sie müssen lediglich einen Schieberegler finden, der Shortcodes unterstützt.
Wählen Sie aus dieser Liste https://fr.wordpress.org/plugins/tags/slider-shortcode
Guten Tag,
Ich kann die Karte nicht auf meiner Website einlegen. Ich habe [mwm _map id = '1 ′] und dann [nwm _map id =' 1 ′] (nach dem Lesen der Kommentare) auf einer meiner Seiten eingefügt, aber in der Vorschau gibt es nur die Shortcode, der angezeigt wird. Was kann ich tun?
Danke
Guten Tag,
Versuchen Sie, es im Abschnitt "Text" (nicht "visuell") Ihres Texteditors hinzuzufügen. es sollte funktionieren.
Hallo
Ich kann den Artikel nicht auswählen, in den ich die Karte legen möchte, es bringt mich dazu: Kein Blog-Beitrag gefunden, bitte versuchen Sie es erneut. Hast du eine Idee, um mein Problem zu lösen?
danke im Voraus
Haben Sie versucht, einen anderen auszuwählen?
Bonsoir
Am Ende gelang mir das Kopieren / Einfügen des Titels, wobei die manuelle Eingabe für keinen der Artikel funktionierte
Ich höre jedoch wieder mit dem Funktionscode auf, es tut mir leid ... Ich habe [mwm_map id = '1'] ganz am Anfang meines Artikels eingefügt (Texteingabeteil und nicht VISUAL von WordPress), aber in der Übersicht nur keine Karte der Funktionscode ...
Ich bin wirklich nicht gut
: - (((
Kopieren Sie den Shortcode aus dem Bereich "Text" und nicht aus "Visuell" und fügen Sie ihn ein.
Guten Tag,
Sie müssen kein Element auswählen, sondern nur den Shortcode [mwm_map] hinzufügen. Lesen Sie den Abschnitt „Anzeigen einer Karte auf einer Seite / einem Artikel“ sorgfältig durch.
Wenn das Problem weiterhin besteht uns bitte wieder Kontakt
Ich habe das Problem in Ihrem Tutorial gefunden. Der Funktionscode ist mwm, während er in den FAQ nwm ist
voilà
Guten Tag,
Sie haben recht, hier beweist, dass Sie wachsam sind. Wir werden sofort die Kurzwahlnummer zu korrigieren.