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.

Übersicht Karten interaktiv

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.

Nomadenweltkarte

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.

Nomadeneinstellungen

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 " Festlegung von ".

Add-dun-Standort

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.

Addier-und-Informationen-has-a-Platz

Nach einem Klick auf " Speichern Sie können den Vorgang wiederholen und die verschiedenen Orte hinzufügen, an denen Sie waren.

map-Reise-Beispiel

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 ".

Add-the-name-of-a-Card

Klicken Sie dann auf den Namen dieser Karte, um Orte hinzuzufügen, wie sie stattdessen angezeigt wurden.

ein Wechsel-Karte

Sie können auf eine Karte auch zugreifen, indem Sie die Karte aus der Liste der verfügbaren Karten auswählen.

Pick-a-Card

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 ".

IDs Karten

Verwenden Sie diese Kurzwahlnummer in einem Artikel / Seite und überprüfen Sie es zu sehen, wie das Plugin verhält.

Ergebnis-Nomade-Weltkarte

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.