워드프레스 지도 쉽게 넣기(네이버, 카카오맵, 구글)

워드프레스 지도 쉽게 넣기(네이버, 카카오맵, 구글)

1. 워드프레스 지도(네이버, 티스토리와 차이)

워드프레스를 사용한 지 얼마 안 된 초보 블로거입니다. 워드프레스는 네이버 블로그, 티스토리와는 다르게 웹 기초 지식부터 시작하여 블로그에 대한 관리를 모두 직접 해야 하기 때문에 이것저것 신경 쓸게 많네요. 지도도 마찬가지입니다. 네이버와 티스토리를 사용할 때는 신경 쓰지도 않고 클릭 한 번으로 해결했었는데 워드프레스에는 그런 버튼이 없습니다.

지도를 넣기 위해 이것저것을 찾아보았습니다. 먼저 플러그인이 있으면 편하게 할 수 있겠지라고 생각하여 검색을 해보니 많은 플러그인이 나오네요. 하지만 구글맵과 관련된 플러그인만 나옵니다. 구글맵도 좋지만 저는 아직까지 국내에서는 네이버, 카카오가 나을 것 같다고 생각했습니다

네이버로 먼저 검색을 해보았습니다. 네이버로 검색하니 몇 개의 플러그인들이 나오네요.

네이버 지도 플러그인도 있습니다. 하지만 최근 업데이트가 무려 2년 전입니다.

다음으로도 검색을 해보았습니다. 다음과 관련된 플러그인도 여러 개가 나옵니다. 하지만 지도와 관련된 플러그인은 없는 것 같네요. 게다가 업데이트가 8년 이상으로 너무 오래되었습니다.

생각해 보니 다음이 카카오로 이름이 바뀐 지가 꽤 되었습니다. 그래서 카카오로 검색을 다시 해보았습니다. kakao-tam이라는 플러그인으로 카카오 로그인, 공유, 지도 등등의 기능들이 합쳐진 플러그인이 있습니다. 최근 업데이트도 3주 전으로 현재도 작동하는 것으로 보입니다.

네이버와 다음은 둘 다 플러그인이 오래되어 제대로 작동할지도 의문이라 플러그인 설치는 포기했고, 카카오는 작동을 할 것 같지만 플러그인을 더 추가하고 싶지는 않아서 설치하지 않았습니다.

다른 방법을 찾기 위해 인터넷 검색을 해보니 네이버, 다음은 API 키를 발급받아 사용하는 방법들이 많이 나오네요. 하지만 코딩 문외한인 저에게는 API 키를 발급받아 넣는 것도 하나의 큰일입니다.ㅠ 그래서 더 쉬운 방법이 없나 찾아보았습니다.

그래서 제가 찾은 워드프레스 지도 쉽게 넣는 방법에 대해서 한 번 알아보겠습니다.

2. 구글

구글 지도를 블로그에 추가하면 구글 SEO에 유리하게 작용한다고 하네요. 먼저 구글 지도 추가하는 방법을 알려드리겠습니다.

 1. 구글 지도에서 원하는 지역을 검색 후 공유 버튼을 클릭합니다.

2. 지도 퍼가기 클릭 후 HTML 복사를 클릭합니다.

 3. 워드프레스 편집창에서 텍스트를 눌러줍니다.

4. 편집중인 글의 원하는 위치에 Ctrl + V로 붙여넣기 합니다.

다시 비주얼을 누르면 위에처럼 구글 지도가 금방 블로그로 들어왔네요. 검색-복사-붙여넣기만 하면 되어서 매우 편합니다.

지도의 크기는 텍스트 창에서 높이와 넓이를 조정하여 수정할 수 있습니다.

PC와 모바일 등 사용자의 상황에 따른 반응형으로도 가능한데 이것은 따로 다루도록 하겠습니다.

3. 카카오맵

 1. 카카오맵에서 원하는 위치를 검색합니다.

 2. 공유하기를 클릭합니다.

지하철역은 노선 정보 때문인지 공유하기가 없습니다. 참고하세요.

3. HTML 태그 복사를 클릭합니다.

4. 위에서 아이콘을 선택한 후 소스생성하기를 클릭합니다.

       5. 일반지도 또는 이미지지도를 선택 후 Ctrl + C로 복사합니다.

카카오 맵은 일반지도와 이미지 지도 두 가지가 있습니다. 둘의 가장 큰 차이점은 일반지도는 카카오 맵과 똑같이 확대, 축소 및 이동이 가능하지만 이미지 지도는 확대, 축소 및 이동이 안된다고 쓰여있습니다.

6. 워드프레스 편집창에서 텍스트를 눌러줍니다.

7. 텍스트에서 블로그의 원하는 위치에 Ctrl + V로 붙여넣기 합니다.

8. 다시 비주얼로 돌아옵니다.

다시 글작성창으로 돌아오면 일반지도는 이상한 아이콘만 나오고 이미지 지도는 정상적으로 잘 보입니다.

에러가 난 건지 지도가 제대로 안 들어온건지 걱정이 되었습니다. 하지만 미리 보기를 눌러 확인해 보니 아래와 같이 정상적으로 지도가 나옵니다.

[카카오맵 일반지도]

[카카오맵 이미지지도]

4. 네이버

네이버도 방법을 찾아보았지만 네이버 지도는 바로 내보내는 기능은 없는 것 같습니다. 네이버 지도를 이용하시려면 API를 발급받아서 이용해야겠습니다.

저는 카카오맵만 있어도 충분할 것으로 생각되어 네이버까지는 시도해보지 않았네요. 또 워드프레스 초보여서 검색으로 여기까지 찾아보다가 이미 지쳤습니다.ㅠ 긴 글 읽어주셔서 감사합니다.

토지적성평가, 재해취약성검토 5년이 지난 경우는 어떻게?

“이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.”