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

나인팩토리_워드프레스 구글 지도 삽입

▶슬라이드 보기: 워드프레스 구글 지도 삽입하기 from ninefactory
▶ PDF Download

안녕하세요? 나인팩토리 우송지입니다.

오늘은 간단하게 워드프레스에 구글 지도를 삽입하는 방법을 알려드리고자 합니다. 기존에는 주소를 검색하면 해당 주소에 대한 HTML 값이 검색영역에 동일한 위치에 노출되었습니다. 최근 이 부분에 변동이 있었습니다. 변동된 노출위치를 확인해보며, 간단하게 워드프레스에 구글 지도 삽입하는 방법을 따라 해보세요. :D

 

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

 

나인팩토리_구글지도

1. Google 지도 검색

워드프레스에 구글 지도 삽입하기 첫번째.

구글에서 직접 주소를 검색하거나, https://maps.google.co.kr에 접속하여 주소를 검색할 수 있습니다.

나인팩토리_워드프레스 구글지도 삽입

2. 주소 검색

앞서 설명드린 방법을 이용하여, 주소를 검색합니다.

기존의 기도공유 및 삽입 링크 버튼이 별도 분리되어, 지도 우측 하단에 노출되는 것을 확인하실 수 있습니다.

나인팩토리_워드프레스 구글 지도 삽입

3. 지도공유 및 삽입

지도 공유 및 삽입 버튼을 클릭하면 팝업창이 노출됩니다.

링크공유와 지도삽입의 탭으로 나뉘어져 있으며, 지도삽입 탭을 선택하여 크기를 작게 / 중간 / 크게 / 맞춤크기(사용자 설정)로 선택하여 HTML을 얻을 수 있습니다.

나인팩토리_워드프레스 지도넣는법

4. 워드프레스 글쓰기

구글지도에서 HTML을 복사하여, 워드프레스 편집기에 입력합니다.

나인팩토리_워드프레스 지도삽입

5. 워드프레스 구글 지도 노출 확인

글을 발행하면 위와 같이 지도가 정상적으로 노출되는 것을 확인할 수 있습니다.

| 나인팩토리와 함께하는 워드프레스 따라잡기!
워드프레스 설치방법
한국형 게시판‘KBoard 사용방법
워드프레스 검색엔진 최적화 전략
5분만에 배우는 All in One SEO Pack 플러그인 사용법
- 워드프레스 포스트(Post)와 페이지(Page) 한눈에 보기
이미지를 보고 따라하는 워드프레스 설치 방법
한달에 하나씩! 워드프레스 무료테마 다운로드
[워드프레스 한국형 게시판] KBoard 썸네일 height 변경하는 법
- [워드프레스 한국형 게시판 플러그인] MH Board 사용법

나인팩토리 우송지소셜웹팀 우송지

워드프레스 기반의 소셜미디어 친화적 소셜웹사이트 제작 및 관리를 하고 있다. 더불어, 신뢰할 수 있는 매력적인 정보를 전달 하기 위해 군더더기 없이 핵심 메시지를 담아내도록 고민하고 있다. 진짜 이야기는 지금부터!

 * 이메일: saranghaezo@hanmail.net