워드프레스 구글 지도 삽입하기
DESCRIPTION
▶NineFactory Blog 바로보기: http://goo.gl/Is3zPy | 워드프레스 구글 지도 삽입하기 1. 구글 지도 2. 구글 지도 검색 3. HTML 복사 4. 워드프레스에 지도 삽입TRANSCRIPT
Google 지도 검색 워드프레스에 구글 지도 삽입하기 첫번째.
구글에서 직접 주소를 검색하거나,
https://maps.google.co.kr/ 에 접속하여 주소를 검색할 수 있습니다.
3 / 14
Google 지도 검색
Copyrightⓒ 2014 NineFactory Interactive Inc. All Rights Reserved.
검색 앞서 설명 드린 방법을 이용하여, 주소를 검색합니다.
기존의 지도공유 및 삽입 링크 버튼이 별도 분리되어, 지도 우측 하단에 노출되는 것을 확인하실
수 있습니다.
4 / 14
주소검색
Copyrightⓒ 2014 NineFactory Interactive Inc. All Rights Reserved.
지도공유 및 삽입 지도 공유 및 삽입 버튼을 클릭하면 팝업창이 노출됩니다.
링크공유 와 지도삽입의 탭으로 나뉘어져 있으며, 지도삽입 탭을 선택하여
크기를 작게/ 중간 / 크게 / 맞춤크기(사용자 설정)로 선택하여 HTML를 얻을 수 있습니다.
5 / 14
지도공유 및 삽입
Copyrightⓒ 2014 NineFactory Interactive Inc. All Rights Reserved.
워드프레스 구글지도에서 HTML을 복사하여, 워드프레스 편집기에 입력합니다.
6 / 14
워드프레스 글쓰기
Copyrightⓒ 2014 NineFactory Interactive Inc. All Rights Reserved.
워드프레스 + 구글 지도 글을 발행하면
다음과 같이 지도가 정상적으로 노출되는 것을 확인할 수 있습니다.
7 / 14
워드프레스 구글 지도 노출 확인
Copyrightⓒ 2014 NineFactory Interactive Inc. All Rights Reserved.