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