워드프레스 구글 지도 삽입하기

8
워드프레스 따라잡기 워드프레스에 구글지도 삽입하기 NineFactory 소셜웹팀 / 우송지

Upload: ninefactory

Post on 26-Jun-2015

2.261 views

Category:

Marketing


5 download

DESCRIPTION

▶NineFactory Blog 바로보기: http://goo.gl/Is3zPy | 워드프레스 구글 지도 삽입하기 1. 구글 지도 2. 구글 지도 검색 3. HTML 복사 4. 워드프레스에 지도 삽입

TRANSCRIPT

워드프레스 따라잡기

워드프레스에 구글지도 삽입하기

NineFactory

소셜웹팀 / 우송지

1. 구글 지도

2. 구글 지도 검색

3. HTML 복사

4. 워드프레스에 지도 삽입

목차

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.

NineFactory www.ninefactory.kr [email protected]

02-6009-9149