코딩/워드프레스

워드프레스 구글지도 삽입하기

liebero 2014. 8. 8. 21:38

워드프레스 구글지도 삽입하기

플러그인을 사용하면 사이트가 무거워지고 하드용량 또한 차지하는 단점이 있기때문에
오늘은 구글 맵 사이트에서 코드를 생성하여 삽입하는 방법을 알려드리겠습니다.

Step1. 구글맵사이트에 접속한다.

https://maps.google.co.kr/


Step2. 생성하고자하는 주소를 입력한다.

서울시 서초구 서초동 - Google 지도

Step3. 입력한 주소가 지도에 나타나면 좌측메뉴 중 클립(?) 모양의 아이콘을 클릭합니다.

서울시 서초구 서초동 - Google 지도2

Step4. 클립 아이콘을 클릭하면 아래 사진과 같이나옵니다.

“HTML을 복사하여 웹사이트에 지도 삽입하기”의 내용을 복사합니다.
서울시 서초구 서초동 - Google 지도4

Step5. 복사한 HTML코드를 워드프레스 편집기에 붙여넣습니다.

새 글 쓰기 - 셀럽워드프레스 - 워드프레스

END. 아래와 같이 구글지도가 삽입되는 것을 보실 수 있습니다.
참 쉽죠?

크게 보기

Tip.  Step4 에서 HTML소스 하단에 “삽입할 지도 맞춤설정 및 미리보기”를 클릭하면
사용자 기호에 맞게 크기도 조절가능하고 타입까지 조정할 수 있습니다.

서울시 서초구 서초동 - Google 33

ww

출처>http://celebwordpress.com/워드프레스에-구글지도-삽입하기