Przejdź do głównej treści

Jak dodać interaktywną mapę jazdy w WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy często podróżujesz? Ponieważ jeśli jeszcze tego nie wiesz, WordPress jest również szeroko stosowany przez blogerów, którzy pasjonują się podróżami. Dzięki temu mogą dzielić się swoimi zdjęciami i wyjątkowymi chwilami, jakie przeżyli z innymi ludźmi.

Więc, jeśli uwielbiasz dzielić się odwiedzanymi miejscami, czy nie sądzisz, że byłoby miło dodać interaktywną mapę podróży, która będzie wyświetlać różne miejsca, które odwiedziłeś?

Jeśli ten pomysł Cię oczarował, wiedz, że w tym samouczku dowiesz się, jak zintegrować interaktywną mapę na swoim blogu WordPress.

Przegląd kart interaktywny

Jak zainstalować i skonfigurować wtyczkę Nomad Mapa Świata

Pierwszą rzeczą do zrobienia jest zainstalowanie i aktywacja wtyczki Nomad World Map (jest trafnie nazwany) dostępny na stronie WordPress.org z deski rozdzielczej, Możesz także pobrać wtyczki w postaci pliku zip.

Nomad Wold mapa

Po zainstalowaniu i aktywowaniu wtyczki nowe menu " Nomad Mapa »Zostanie dodany do pulpitu nawigacyjnego (w lewym dolnym rogu). Kliknij podmenu ustawień, aby kontynuować konfigurację.

ustawienia nomadów

Domyślne konfiguracje są wystarczające. Zawsze wyjaśnię niektóre opcje.

W sekcji „Ogólne”

Istnieje możliwość aktywowania ścieżki między odwiedzanymi miejscami. Opcja, która następuje „ Rysuj zakrzywione linie na mapie Umożliwia rysowanie zakrzywionych linii na mapie.

« W powiększeniu indeksu pageload Umożliwia skupienie się na lokalizacji podczas ładowania strony. Masz wybór między pierwszym a ostatnim miejscem.

« stopień powiększenia »Umożliwia dostosowanie powiększenia wykonywanego na mapie.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

« Typ mapy »Umożliwia wybór rodzaju karty

Opcja " Przeszłość koloru drogi „Czy kolor obranej ścieżki i” Future Kolor drogowego Czy kolor przyszłych dróg (na zaplanowane wycieczki).

Sekcja Opcja treści

Z opcją „ miniatury Pokaż post w okręgu », Możesz wyświetlić wyróżniony obraz artykułu w dymku. Opcja " Pokaż leasingu szczęśliwy w »Umożliwia wyświetlenie szczegółów miejsca w postaci suwaka lub podpowiedzi.

Jak dodać nowe miejsce do mapy

Kliknij przycisk trasa Editor ”. Na tej nowej stronie zaczniemy od dodania nazwy miejsca, na przykład „ Praga ”, Co spowoduje wyświetlenie wskaźnika na mapie w określonej lokalizacji. Następnie kliknij „ zestaw ".

add-dun-location

Opcja " Zawartość lokalizacji »Pozwala wybrać element, który zostanie powiązany z tym miejscem. Ponadto możesz dodawać treści bezpośrednio, wybierając „ Niestandardowa treść ".

Aby dołączyć miejsce do artykułu, pozostaw opcję „ Fragment postu »Aktywuj i kliknij« Szukaj »W kolejnym polu do wyszukiwania, zaraz po podaniu tytułu artykułu (a nie wyszukiwanych haseł).

Następnie możesz edytować wyróżniony obraz, zamiast tego określić czas odlotu i przylotu, a gdy to zrobisz, kliknij „ Zapisz W lewym dolnym rogu.

dodawanie i-informacje-ma-a-miejsce

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Po kliknięciu „ Zapisz Będziesz mógł powtórzyć proces, aby dodać różne miejsca, do których się udałeś.

map-travel-przykładem

Jak dodać wiele kart podróży

Wszystko, co musisz zrobić, to uzyskać dostęp do „ Zarządzaj mapami Wtyczki i kliknij „ Dodaj nową mapę ”. Otworzy się okno, będziesz musiał zapisać nazwę karty, na przykład: „ 2014 Special Travel ".

dodatek do-name-of-a-karty

Następnie kliknij nazwę tej mapy, aby dodać miejsca, tak jak zostały przedstawione.

zmiana karty

Możesz również uzyskać dostęp do mapy, wybierając ją z listy dostępnych map.

Pick-a-kartkę

Jak wyświetlić mapę na stronie / artykule

Wystarczy pobrać identyfikator karty i zintegrować go jako parametr w następującym krótkim kodzie:

[Mwm_map]

Aby mieć takie same skróty: [mwm _map id = ”2 ″] ou [mwm _map id = ”10 ″]

Aby pobrać identyfikator karty, wróć do „ Zarządzaj mapami Plugin i skopiuj liczbę odpowiadającą wybranej mapie do kolumny „ ID ".

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

karty identyfikatory

Skorzystaj z tego skrótu w artykule / stronie i sprawdź go, aby zobaczyć, jak zachowuje się plugin.

Wynik-nomad-world-map

To wszystko w tym samouczku dotyczącym tworzenia interaktywnej mapy podróży na WordPress. Nie wahaj się i podziel się wskazówką ze znajomymi w mediach społecznościowych.

Ten artykuł zawiera komentarze 30

  1. Witaj, małe pytanie, jak wybrać obszar mapy do wyświetlenia? Chcę zrobić mapę Nowej Zelandii, ale kiedy otwierasz stronę z mapą, powiększanie odbywa się na Francji ...

  2. Witam,

    Jestem nowy w wordpressie, tak samo jak w Idem, mam komunikat o błędzie, który pojawia się na mapie: »Mały problem… Wystąpił błąd
    Mapy Google nie załadowały się poprawnie na tej stronie. Więcej informacji technicznych na temat tego błędu można znaleźć w konsoli JavaScript. "
    Próbowałem zmienić motyw zgodnie z zaleceniami, ale to nie rozwiązuje mojego problemu. Czy możesz mi pomóc?

    Dziękując z wyprzedzeniem!
    Bonne journée,
    Sonia,

  3. Witam,
    Jestem początkującym i konsultuję Twojego bloga ...
    wygląda na to, że w krótkim kodzie jest błąd składni, który powinien być [nwm_map id = ”1 ″], a nie [mwm _map id = '1']
    Dużo walczyłem, zanim to zobaczyłem.
    Bonne Journée

  4. Dobry wieczór,

    Dziękujemy za przewodnika.
    Próbowałem postępować zgodnie z twoją metodologią, aby osadzić mapę na STRONIE (WordPress), ale nie uzyskałem oczekiwanego wyniku.
    W części TEXT (a nie wizualnie) wprowadź następujący krótki kod:
    [Mwm _MAP id = "2 ']
    Kiedy przeglądam moją stronę, nie wyświetlam mapy, ale tekst „[mwm _map id = '2']”.
    Proszę, mógłbyś mi pomóc ?
    I podziękować.

        1. Możesz przechowywać zrzut ekranu w wyspecjalizowanych witrynach, a następnie opublikować łącze tutaj. Możesz też umieścić to w swoich mediach i podać mi link.

  5. Witam,

    Zainstalowałem wtyczkę ale mam problem:
    W „mapie nomadów” mapa nie jest wyświetlana! więc nie mogę niczego skonfigurować.
    Oto co jest wyświetlane: „Mały problem ... Wystąpił błąd
    Mapy Google nie załadowały się poprawnie na tej stronie. Więcej informacji technicznych na temat tego błędu można znaleźć w konsoli JavaScript. "

    Nie wiem, jak zmodyfikować konsolę javascript, a przede wszystkim nie wiem, co robić!

    Merci de votre aide

    1. Witam,
      Konsola javascript pozwala dowiedzieć się, co jest przyczyną problemu. Czy skorzystałeś z samouczka? Jeśli tak jest, będę musiał przechwycić twoją konsolę javascript. Aby to zrobić, musisz nacisnąć klawisz F12 (w przeglądarce Chrome), w wyświetlonym obszarze znaleźć kartę „konsola”, a następnie wykonać zrzut. Istnieje kilka narzędzi, które pozwolą ci robić przechwyty. Po przechwyceniu konsoli javascript będę w stanie Ci pomóc.

  6. Witam,

    Nie mogę włożyć karty na moją stronę. Wstawiłem [mwm _map id = '1 ′], a następnie [nwm _map id =' 1 ′] (po przeczytaniu komentarzy) na jednej z moich stron, ale w podglądzie jest tylko krótki kod, który jest wyświetlany. Co mogę zrobić?

    dziękuję

  7. cześć

    Nie mogę wybrać artykułu, w którym chcę umieścić kartę, umieszcza mnie: Nie znaleziono wpisu na blogu, spróbuj ponownie. czy masz jakiś pomysł na rozwiązanie mojego problemu?

    z góry dziękuję

      1. dobry wieczór
        Skończyło się na tym, że udało mi się skopiować / wkleić tytuł, ręczne wprowadzanie nie działało w przypadku żadnego z artykułów
        jednak zatrzymuję się ponownie z krótkim kodem, zaczynam przepraszać… wstawiłem [mwm_map id = '1 ′] na samym początku mojego artykułu (część do wprowadzania tekstu, a nie VISUAL of wordpress), ale w przeglądzie nie ma tylko mapy krótki kod ...
        Naprawdę nie jestem dobry
        : - (((

    1. Witam,
      Nie musisz wybierać elementu, wystarczy dodać [mwm_map] shortcode. Uważnie przeczytaj sekcję „Jak wyświetlić mapę na stronie / artykule”.

      Jeśli problem będzie się powtarzał skontaktuj się z nami ponownie

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
30 akcji
udział28
ćwierkanie
Enregistrer2