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 😉
Dodaj komentarz