Jeden z czytelników mojego bloga poprosił mnie żebym napisał poradnik, jak dodać kod mapy google na bloga. Jeśli również masz z czymś problem i chciałbyś zobaczyć jego rozwiązanie na moim blogu, skontaktuj się ze mną.

Wpis archiwalny. Treść może być nieaktualna.

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.

[img]

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

Umieszczanie mapy Google na podstronie 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:

[img]

• 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ść).

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

[img]

• 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 😉