[워드프레스 팁] 워드프레스(WordPress) 홈페이지 글 본문에 구글지도(Google Maps)를 넣는 방법!

워드프레스 홈페이지 본문에 구글지도 링크를 넣어봅시다.

워드프레스 홈페이지에 구글지도 링크 넣기!

 

워드프레스 초보 분들을 위해 직접 만들어봤던 워드프레스 홈페이지 관련 정보를 하나씩 공유해봅니다. 오늘은 워드프레스 홈페이지 포스트 본문에 구글 지도를 첨부하는 방법에 대해 알려드리겠습니다. 일단 구글 지도에서 원하는 장소를 검색하시고 나서 공유하기를 통해 지도의 HTML주소를 복사해 붙여넣으면 되는 간단한 작업입니다. 간단한 예시를 아래 사진으로 보여드리기 위해 '아차산'을 검색해보겠습니다.

 

구글 지도에서 원하는 '아차산'을 검색하고 공유 버튼을 클릭합니다.

공유 메뉴에서 지도퍼가기 탭을 클릭하세요.

지도퍼가기 탭에서 파란색의 'HTML 복사'를 클릭하여 링크주소를 복사합니다.

글 본문에 나타낼 지도의 크기를 선택할 수 있습니다.

글 본문에 나타낼 지도의 크기는 '중간'버튼을 눌러서 원하는 크기를 설정한 다음에 HTML 복사하기를 누르시면 됩니다. 구글지도 상에서 HTML 복사까지 끝냈다면, 이제 워드프레스 홈페이지로 돌아와서 작성중이던 포스트의 본문 위치에 커서를 두고 검정색 십자 버튼을 눌러서 '사용자 정의 HTML'을 선택한 뒤, Ctrl + V로 복사한 HTML 링크를 붙여주시면 됩니다.

 

사용자 정의 HTML 메뉴를 선택 후 복사해 둔 링크를 붙여넣습니다.

가운데 정렬을 원하신다면 HTML 링크 복사 후 해당 주소의 앞뒤로 <center>와 </center> 명령문을 추가해주면 됩니다.

미리보기로 구글지도가 워드프레스 포스트 본문에 잘 표시됨을 확인할 수 있습니다.

 

이렇듯 생각보다 간단하게 워드프레스 홈페이지에 구글지도 링크를 가져올 수 있으니 유용하게 잘 사용해보시기 바라며 포스팅을 마칩니다. ^^