워드프레스에 구글지도 삽입하기 - 반응형 워드프레스 홈페이지 셀럽워드프레스
2020년 09월 22일

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

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

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

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

Step3. 입력한 주소가 지도에 나타나면 좌측메뉴 중 공유를 클릭합니다.

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

“지도퍼가기”의 내용을 복사합니다.

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

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


크게 보기

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

Share.

Leave A Reply