TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

3 sposoby na osadzenie Map Google w witrynie WordPress

49

Głównym celem budowy witryny biznesowej jest umożliwienie potencjalnym klientom lepszego poznania Ciebie, a także łatwego kontaktu z Tobą. Jeśli prowadzisz witrynę WordPress z firmą z fizycznej lokalizacji, wyświetlanie Map Google może być lepszym sposobem udostępniania adresu niż zwykły tekst. Ponadto mapy Google są interaktywne i elastyczne, umożliwiając użytkownikom przełączanie trybu przeglądania i zapisywanie mapy w celu szybszej nawigacji. W tym artykule omówiono sposoby osadzania Google Maps w witrynie WordPress bez wtyczki i przy użyciu wtyczki.

Powiązane: Jak osadzić pliki PDF w WordPress?

Metoda 1: Osadź pojedynczą prostą mapę w WordPress

Możesz osadzić podstawową mapę danej lokalizacji, taką jak lokalizacja firmy, konkretne miasto lub region za pomocą kodu do osadzania Google Maps.

Krok 1: Uzyskaj kod do umieszczenia mapy z Map Google

  • Aby to zrobić, otwórz witrynę Mapy Google i wyszukaj lokalizację lub obszar, który chcesz wyświetlić na mapie.
  • Spowoduje to skupienie mapy na interesującym Cię obszarze i wyświetlenie różnych opcji tuż pod wynikiem w lewym panelu. Kliknij link „Udostępnij".

3 sposoby na osadzenie Map Google w witrynie WordPress

Szukaj w Mapach

  • W wyświetlonym wyskakującym okienku przejdź na kartę „Umieść mapę” i kliknij „KOPIUJ HTML”, aby skopiować kod do umieszczenia mapy .

3 sposoby na osadzenie Map Google w witrynie WordPress

Skopiuj kod

  • Możesz dostosować rozmiar osadzenia, klikając strzałkę zmiany rozmiaru i wybierz duży, średni lub mały w zależności od swoich preferencji.

Krok 2: Wstawianie Map Google na stronę/post WordPress

3 sposoby na osadzenie Map Google w witrynie WordPress

Blok HTML

  • Wklej kod do umieszczenia Map Google w edytorze bloków.

3 sposoby na osadzenie Map Google w witrynie WordPress

Wklej kod

  • Możesz teraz wyświetlić podgląd i opublikować post/stronę. Jeśli dodajesz mapę do istniejącej strony/postu, kliknij „Aktualizuj”, aby zapisać zmiany.

3 sposoby na osadzenie Map Google w witrynie WordPress

Podstawowy podgląd mapy

Metoda 2: Jak osadzić niestandardową mapę z wieloma znacznikami lokalizacji

Krok 1: Tworzenie własnej mapy Google

Najpierw powinieneś stworzyć własną mapę lub stworzyć nową.

  • Aby to zrobić, otwórz Mapy Google z interfejsem Moich Map, wybierz mapę lub kliknij „UTWÓRZ NOWĄ MAPĘ”, aby ją utworzyć.

3 sposoby na osadzenie Map Google w witrynie WordPress

Utwórz własną mapę

  • Dostosuj mapę, dodając wiele znaczników lokalizacji, modyfikuj ikony, kolory i motyw mapy wśród innych elementów.

3 sposoby na osadzenie Map Google w witrynie WordPress

Dostosuj mapę

Naucz się WordPressa: sprawdź ponad 400 bezpłatnych samouczków dotyczących WordPressa.

Krok 2: Wygeneruj kod do umieszczenia na mapie Google

  • Po zbudowaniu mapy musisz skonfigurować opcje udostępniania mapy. Kliknij przycisk "Udostępnij", aby uzyskać dostęp do kreatora ustawień.

3 sposoby na osadzenie Map Google w witrynie WordPress

Udostępnij mapę

  • Ustaw opcję „Kto ma dostęp” na „Publiczny w sieci” i kliknij „Gotowe”.

3 sposoby na osadzenie Map Google w witrynie WordPress

Ustawienia udostępniania

  • Aby zmienić ustawienia dostępu, kliknij link „Zmień…”. Spowoduje to otwarcie nowego wyskakującego okienka, zaznacz pierwszą opcję i kliknij przycisk Zapisz.

3 sposoby na osadzenie Map Google w witrynie WordPress

Udostępnianie linków

  • Teraz kliknij ikonę menu mapy (trzy kropki) obok tytułu mapy i wybierz „Umieść w mojej witrynie”.

3 sposoby na osadzenie Map Google w witrynie WordPress

Osadź w witrynie

  • Skopiuj kod HTML z pola Kod do osadzania mapy Google.

3 sposoby na osadzenie Map Google w witrynie WordPress

Niestandardowy kod do osadzania

Krok 3: Dodaj kod HTML do swojego posta lub strony w WordPress

  • Aby osadzić mapę niestandardową, powtórz proces opisany w kroku 2 metody 1 powyżej.
  • Wyświetl podgląd i opublikuj post lub stronę.

3 sposoby na osadzenie Map Google w witrynie WordPress

Podgląd posta

Metoda 3: Jak osadzić Mapy Google za pomocą wtyczek WordPress

Istnieje wiele wtyczek do WordPressa, które zapewniają różne funkcje dla różnych wymagań.

Krok 1: Osadź Mapy Google za pomocą wtyczek WP Google Map

3 sposoby na osadzenie Map Google w witrynie WordPress

Zainstaluj wtyczkę

Krok 2: Konfiguracja ustawień WP Google Map

  • Zanim zaczniesz tworzyć mapę, musisz utworzyć i dodać klucz API, aby wtyczka działała.
  • Przejdź do „Map” w menu na pasku bocznym i wybierz „Ustawienia.
  • Skopiuj i wklej klucz API w odpowiednim miejscu i kliknij „zapisz”.

3 sposoby na osadzenie Map Google w witrynie WordPress

Klucz API

  • Przewiń w dół ustawienia mapy w zakładce „Mapy”, aby włączyć/wyłączyć różne funkcje mapy, ustawić poziom dostępu i tak dalej.

3 sposoby na osadzenie Map Google w witrynie WordPress

Ustawienia Map

  • Możesz także poruszać się po innych zakładkach, aby skonfigurować ustawienia dla różnych elementów i funkcji mapy.
  • Po zmodyfikowaniu jakichkolwiek ustawień przewiń na dół karty i kliknij "Zapisz ustawienia".

3 sposoby na osadzenie Map Google w witrynie WordPress

Zapisz ustawienia

Powiązane: Jak zainstalować WordPress lokalnie na Macu?

Krok 3: Tworzenie własnej mapy

  • W sekcji „Mapy” w menu na pasku bocznym kliknij „Mapy”, aby otworzyć kreatora map.
  • W pierwszej sekcji strony kreatora możesz dostosować ogólne ustawienia mapy, motyw mapy i inne ustawienia zaawansowane, klikając odpowiednią kartę.
  • W „Ustawieniach ogólnych” edytuj tytuł, rozmiar i wyrównanie mapy oraz określ poziom powiększenia.

3 sposoby na osadzenie Map Google w witrynie WordPress

Szczegóły mapy

  • Wybierz motyw swojej mapy w zakładce „Motyw”.

3 sposoby na osadzenie Map Google w witrynie WordPress

Wybierz motyw

Krok 4: dodawanie znaczników do własnych map

  • Przewiń stronę w dół do sekcji „Znaczniki”, wprowadź lokalizację i kliknij „Dodaj znacznik”. Możesz użyć myszy, aby przeciągnąć i zmienić układ mapy na mapie wyświetlanej po prawej stronie, a także dostosować ikonę znacznika.
  • Po zakończeniu ustawień kliknij przycisk „Zapisz mapę”.
  • Skopiuj krótki kod mapy i użyj go na swojej stronie lub w poście, aby wyświetlić niestandardową mapę.

Zawijanie

Możesz skorzystać z ręcznych metod osadzania map Google na swojej stronie lub wybrać jedną z dostępnych wtyczek WordPress, aby wdrożyć zaawansowane i elastyczne funkcje map w zależności od Twoich potrzeb. Należy jednak zawsze zrównoważyć korzystanie z map i szybkości witryny, ponieważ mapy mogą spowolnić działanie witryny.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów