워드프레스에 지도 넣기(구글, 다음)

‘워드프레스에 지도 넣기’ API를 이용하지 않고 가장 심플하게 워드프레스에 지도를 넣는 방법 중 하나로 HTML을 일부분 수정해야 하지만 구글, 다음 각각의 워드프레스로 지도를 넣는 방법에 대하여 알아보겠습니다.

워드프레스에 구글 지도 넣기

구글의 경우 HTML의 링크를 워드프레스에 직접 삽입하는 방법으로 합니다. 구글지도로 들어갑니다. [Google 지도 검색 > ‘위치 검색’ > 공유]를 누릅니다.

워드프레스에 지도 넣기
[Google 지도 검색]

팝업이 하나 뜨게 되는데 [지도 퍼가기] 클릭 후 HTML 복사 를 누릅니다.

워드프레스에 지도 넣기
[지도퍼가기 > HTML 복사]

클립보드에 복사된 HTML을 가지고 워드프레스 글 편집 란으로 옵니다. [블록선택 > html 검색 > ‘Google HTML’ 붙여넣기] 까지 진행하면 지도 삽입이 완료 됩니다.

워드프레스에 지도 넣기
[블록선택 > html 검색]
워드프레스에 지도 넣기
[Google HTML 붙여넣기]

코드 내에서 width=”600″ 을 width=”100%” 로 변경 해주게 되면 화면에 꽉 차게 됩니다.

다음 지도 넣기

다음의 경우에도 구글과 마찬가지로 간단하게 진행 가능합니다. 다음지도로 들어갑니다. [다음 지도 검색 > 내보내기 > HTML 복사] 를 합니다.

[다음 지도 검색 > 내보내기 > HTML 복사]

클립보드에 복사된 HTML을 가지고 워드프레스 글 편집 란으로 옵니다. [블록선택 > html 검색 > ‘다음 HTML’ 붙여넣기] 까지 진행하면 지도 삽입이 완료 됩니다.

추가로 코드 내에서 <a href — </a> 만 남겨둔 채 모두 삭제 하고, width=”100%” 로 변경 하면 깨끗하게 지도가 삽입 됩니다.