Jeden z czytelników mojego bloga poprosił mnie żebym dodał tutorial we wpisie jak dodać kod mapy google na bloga. Jeśli również masz jakiś problem i chciałbyś zobaczyć jego opis na moim blogu, zadaj mi pytanie tutaj, a chętnie ci odpowiem ;)Aby dodać mapę Google na blog/stronę, przejdź na stronę http://mapy.google.pl/ w polu wyszukiwania miejsce, które chcesz wyświetlać na swojej stronie, czy blogu. Kiedy już wszystko przygotowałeś, czas na przeniesienie kodu twojej mapy na stronę/bloga.

W tym celu kliknij w prawym górnym rogu mapy link i skopiuj zawartość jak poniżej.

Jeśli chcesz umieścić kod mapy na blogu WordPress, masz możliwość zrobić to na kilka sposobów.

1. Umieszczanie mapy Google na statycznej stronie w WordPress

  • zaloguj się do panelu administracyjnego
  • wybierz zakładkę Strony i kliknij Dodaj nową
  • Teraz wybierz Źródło dokumentu lub strony w swoim edytorze i wklej tam swój kod:

  • odznacz źródło dokumentu i wyrównaj swoją mapę. Dodaj tytuł swojej strony, np. „dojazd” i kliknij Opublikuj.

Możesz również zmieniać rozmiar w kodzie mapy Google ( width-szerokość oraz height-wysokość )

2. Umieszczanie mapy Google jako widżet na blogu

  • Aby umieścić kod mapy Google w Widgetach na blogu wybierz z panelu administracyjnego WordPress Wygląd, a następnie Widgety.
  • wybierz z dostępnych widget oznaczony jako Tekst (możesz wkleić tam dowolny tekst lub kod HTML) i przeciągnij go do swojego paska

  • otwórz widżet Tekst, który umieściłeś w swoim pasku widżetów i wklej tam swój kod pobrany z Google maps.
  • dopasuj szerokość i wysokość tak, aby zachowana była estetyka strony ( <iframe width=”425” height=”350) edytuj tylko parametry podświetlone na czerwono tak, aby dopasować rozmiar mapy do szablonu strony.

Możesz również dodać google mapę do wpisu podobnie jak przy dodawaniu kodu mapy na stronę statyczną w WordPress.

Widzisz, że dodawanie mapy Google na blog nie jest wcale takie straszne, jak się wydaje. Czasami szablony oferują po bokach dodatkowe szerokie pola, gdzie można  wklejać grafikę, więc możesz to wykorzystać i wkleić tam kod swojej mapy.

Jeśli masz jakieś pytania czy problem z dodawaniem map, napisz mi w komentarzach, a odpowiem ci na nie 😉

Optin
Zamknij Okienko