오늘은 간단하게 워드프레스에 구글 지도를 삽입하는 방법을 알려드리고자 합니다. 기존에는 주소를 검색하면 해당 주소에 대한 HTML 값이 검색영역에 동일한 위치에 노출되었습니다. 최근 이 부분에 변동이 있었습니다. 변동된 노출위치를 확인해보며, 간단하게 워드프레스에 구글 지도 삽입하는 방법을 따라 해보세요.
| 워드프레스 구글 지도 삽입하기
1. Google 지도 검색
워드프레스에 구글 지도 삽입하기 첫번째.
구글에서 직접 주소를 검색하거나, https://maps.google.co.kr/ 에 접속하여 주소를 검색할 수 있습니다.
![나인팩토리_워드프레스 구글지도 삽입](http://blog.ninefactory.kr/wp-content/uploads/sites/2/2014/04/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EA%B5%AC%EA%B8%80%EC%A7%80%EB%8F%84-%EC%82%BD%EC%9E%85.png)
2. 주소 검색
앞서 설명드린 방법을 이용하여, 주소를 검색합니다.
기존의 기도공유 및 삽입 링크 버튼이 별도 분리되어, 지도 우측 하단에 노출되는 것을 확인하실 수 있습니다.
![나인팩토리_워드프레스 구글 지도 삽입](http://blog.ninefactory.kr/wp-content/uploads/sites/2/2014/04/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EA%B5%AC%EA%B8%80-%EC%A7%80%EB%8F%84-%EC%82%BD%EC%9E%85.png)
3. 지도공유 및 삽입
지도 공유 및 삽입 버튼을 클릭하면 팝업창이 노출됩니다.
링크공유와 지도삽입의 탭으로 나뉘어져 있으며, 지도삽입 탭을 선택하여 크기를 작게 / 중간 / 크게 / 맞춤크기(사용자 설정)로 선택하여 HTML을 얻을 수 있습니다.
![나인팩토리_워드프레스 지도넣는법](http://blog.ninefactory.kr/wp-content/uploads/sites/2/2014/04/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%A7%80%EB%8F%84%EB%84%A3%EB%8A%94%EB%B2%95.png)
4. 워드프레스 글쓰기
구글지도에서 HTML을 복사하여, 워드프레스 편집기에 입력합니다.
![나인팩토리_워드프레스 지도삽입](http://blog.ninefactory.kr/wp-content/uploads/sites/2/2014/04/%EC%9B%8C%EB%93%9C%ED%94%84%EB%A0%88%EC%8A%A4-%EC%A7%80%EB%8F%84%EC%82%BD%EC%9E%85.png)
5. 워드프레스 구글 지도 노출 확인
글을 발행하면 위와 같이 지도가 정상적으로 노출되는 것을 확인할 수 있습니다.
'IT > misc' 카테고리의 다른 글
[스크랩] 블로그를 검색엔진에 노출시키자! - 네이버편 (0) | 2019.01.25 |
---|---|
[스크랩]블로그를 검색엔진에 노출시키자! - 구글편 (0) | 2019.01.25 |
[스크랩] 구글 블로그(blogspot.com)에 지도 추가하기 (0) | 2019.01.18 |
[스크랩] 특수문자 리스트 (0) | 2019.01.18 |
[스크랩] 무료 도메인 생성하기 (0) | 2019.01.08 |