W artykule:
Chcesz dodać interaktywną mapę w WordPress? Interaktywne mapy umożliwiają użytkownikom odkrywanie tras, przejazdów i tras, klikając znaczniki na mapie lub przesuwając kursor myszy. W tym artykule pokażemy, jak łatwo dodać interaktywną mapę w WordPress.
Video Tutorial
Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.
Metoda 1: Dodawanie interaktywnej mapy w WordPress za pomocą Google Moje Mapy
Ta metoda jest prostsza i nie wymaga instalowania wtyczki w witrynie WordPress.
Najpierw musisz odwiedzić stronę Google Moje Mapy i kliknąć przycisk „Utwórz nową mapę”.
Spowoduje to przejście do strony edycji mapy. Na tym ekranie możesz utworzyć mapę, wybierając mapę bazową, dodając punkty szczególne, warstwy i inne.
Za pomocą paska narzędzi u góry można rysować linie na mapie, dodawać trasy, używać miarek i zaznaczać elementy.
Wszystkie elementy mapy są zapisywane w warstwach po lewej stronie. Możesz dodawać, edytować, zmieniać nazwy, a nawet usuwać warstwy. Możesz także kliknąć dowolny element w warstwie, aby dodać opis, zmienić tytuł lub dodać zdjęcia / filmy.
Gdy skończysz edytować mapę, musisz ją upublicznić, aby móc z niej korzystać na swojej stronie internetowej. Możesz to zrobić, klikając przycisk Udostępnij w panelu edycja.
Spowoduje to wyświetlenie centrum udostępniania, w którym należy kliknąć „Zmień” w sekcji „Kto ma dostęp”.
Następnie wybierz „ON-Public w Internecie”, a następnie kliknij przycisk Zapisz.
Następnie kliknij „Gotowe”, aby zamknąć centrum udostępniania.
W panelu Edytuj kliknij ikonę menu obok nazwy mapy, a następnie wybierz „Osadź na mojej stronie”.
Zobaczysz teraz kod osadzania, który musisz skopiować.
Następnie przejdź do posta lub strony, na której chcesz dodać interaktywną mapę w WordPress. Na ekranie edycji postu musisz przełączyć się do edytora tekstu i wkleić skopiowany wcześniej kod osadzania mapy.
Możesz teraz zapisać zmiany i wyświetlić podgląd postu, aby zobaczyć interaktywną mapę w akcji.
Metoda 2: Dodaj interaktywną mapę w WordPress za pomocą wtyczki
Chociaż możesz tworzyć i dodawać interaktywne mapy za pomocą Map Google, nadal brakuje pewnych funkcji i jest ograniczony do Map Google.
Jeśli chcesz korzystać z Open Street Maps, Bing lub innych usług mapowania, ta metoda jest dla ciebie.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Maps Marker Pro. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Maps Marker Pro strona do tworzenia interaktywnej mapy. Aby rozpocząć, musisz kliknąć przycisk „Dodaj nową warstwę”.
Następnie musisz podać nazwę swojej warstwy i kliknąć publikuj.
Teraz, gdy utworzyłeś warstwę, możesz dodać na niej znaczniki mapy. Przejdź do Maps Marker Pro ” Dodaj Nowy Marker strona do dodania pierwszego znacznika.
Najpierw musisz wprowadzić tytuł znacznika, a następnie wyszukać lokalizację i wybrać ją.
Konieczne będzie również umieszczenie znacznika na wcześniej utworzonej warstwie. Możesz to zrobić, wpisując nazwę warstwy w polu warstwy i zaznaczając ją.
Nie zapomnij kliknąć przycisku „Opublikuj”, aby zapisać znacznik.
Powtórz proces, aby dodać inne znaczniki do warstwy.
Po zakończeniu dodawania znaczników możesz edytować dowolny post WordPress lub stronę, na której chcesz dodać mapę.
Na ekranie edycji postu kliknij przycisk „Dodaj mapę”.
Spowoduje to wyświetlenie wyskakującego okienka z wszystkimi znacznikami Mapy i warstwą utworzoną wcześniej. Musisz wybrać warstwę i kliknąć przycisk Wstaw mapę.
Wtyczka doda wymagany shortcode w obszarze edytora postów. Możesz teraz zapisać lub opublikować swój post i wyświetlić jego podgląd, aby zobaczyć interaktywną mapę.
Zawsze możesz edytować warstwę główną, aby dostosować rozmiar i wymiary mapy.
Maps Marker Pro to potężna wtyczka z mnóstwem opcji, takich jak mapy wielowarstwowe, niestandardowe znaczniki, wskazówki, obsługa GPX, Mapa eksportu w wielu formatach i wiele innych. Możesz zapoznać się z tymi opcjami, aby Twoje mapy były jeszcze bardziej interaktywne.
Mamy nadzieję, że ten artykuł pomógł Ci schudnąć, Jak dodać interaktywną mapę w WordPress. Możesz również zobaczyć naszą listę najlepszych wtyczek Map Google dla WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
