네이버 블로그나 다음블로그 티스토리의 경우 자체적으로 지도를 포스트에 삽입할 수 있도록 제공해주고 있으나 워드프레스는 지도를 삽입할 수 있는 방법이 따로 있습니다.
워드프레스 구글 지도 삽입 방법 구글 맵 사이즈 조절 방법
워드프레스에 지도를 삽입할 수 있는 방법은 먼저 플러그인을 설치하여 삽입하는 방법, 그리고 테마옵션에서 구글지도 위도 경도를 통한 삽입방법, 마지막으로 구글맵에서 소슬를 직접 복사하여 붙여넣기하는 방법 등이 있는데 가장 간단한 구글맵에서 워드프레스에 삽입하는 방법을 알아보도록 하겠습니다.
워드프레스 구글 지도 삽입 방법
1. 구글 지도 접속
워드프레스에 구글 지도를 삽입하기 위해서 먼저 구글맵사이트에 접속해야하는데 아래 링크로 구글맵사이트로 들어갑니다.
2. 구글 지도 검색
구글 지도 검색창에서 주소명이나 지명을 입력하여 검색하는데 저는 검색창에 해운대해수욕장을 검색하면 아래와 같은 화면이 나타나는데 여기에서 공유버튼을 클릭합니다.
3. 구글 지도 퍼가기
구글맵에서 공유를 클릭하면 작은 창이 아래와 같이 나타나는데 링크공유와 지도 퍼가기 2가지를 제공하는데 링크공유는 말그대로 지도 주소를 링크할 수 있는 있고 지도 퍼가기는 지도를 삽입할수 있는 아이프레임(iframe)을 제공해주고 있습니다.
지도퍼가기를 선택하고 지도의 크기도 작게, 중간, 크게, 맞춤크기 등 4가지를 제공해주고 있는데 원하는 크기를 선택한 다음 아이프레임 소스를 복사합니다.
4. 워드프레스 HTML 아이프레임 붙여넣기
워드프레스 글쓰기 화면에서 HTML로 들어가서 지도를 중앙정렬하기 위해서 <center> ~ </center>를 입력하고 아래와 같이 구글 맵에서 복사한 아이프레임 소스를 붙여넣기 합니다.
5. 워드프레스 구글 지도 삽입 확인
마지막으로 워드프레스에 구글 지도 삽입이 제대로 되었는지 확인하기 위해서 글쓰기 화면에서 HTML에서 시각형으로 전환을 하면 아래와 같이 구글 지도가 삽입되어 있는 것을 확인할 수 있습니다.
6. 티스토리에 구글맵 삽입
구글맵에서 해운대해수욕장을 검색하고 지도 퍼가기에서 iframe 소스를 복사해서 티스토리 html에서 붙여넣기 하니 티스토리에서도 똑같이 구글 지도를 삽입할 수 있습니다.
지금까지 워드프레스 구글 지도 삽입 방법에 대해서 알아보았는데 생각보다 어렵지 않아서 누구나 쉽게 워드프레스에 구글 지도를 삽입할 수 있지 않을까 합니다.
관련글
