낚시하는 프로그래머

안녕하세요. 워드프레스에 블로그글을 작성하는분들이 많이 계시네요. 워드프레스 지도넣는 플러그인도 있겠지만 오늘은 구글지도를 넣는 방법에 대해서 알아보겠습니다. 지도 넣기 너무 쉽기 때문에 따라하시면 됩니다. 

 

 

워드프레스 구글지도 넣는 방법

 

워드프레스에 구글지도를 넣는 방법은 우선 인터넷 검색창에서 구글지도를 검색한 후 구글지도에서 가고싶은곳을 검색합니다. 저의 경우는 명지계곡을 검색하였습니다. 검색이 되었다면 다음과 같이 공유를 누릅니다.

 

 

명지계곡

 

 

 

공유를 누르게 되면 링크 보내기 와 지도 퍼가기가 나옵니다. 지도 퍼가기를 누릅니다. 

 

구글 지도 퍼가기

 

 

 

 

 

 

다음과 같이 지도퍼가기의 iframe 으로 시작되는 html 복사를 누릅니다.

 

구글 지도퍼가기

 

 

 

다음은 워드프레스의 글쓰기 부분에 오면 다음과 같이 HTML 사용자정의를 할수 있습니다. HTML 를 누릅니다.

 

사용자정의

 

 

 

다음과 같이 워드프레스 글 부분에  html 소스를 붙여 넣는 부분에  구글지도를 복사해온것을 붙여 넣습니다.

 

구글지도 붙여넣기

 

 

 

다음과 같이 미리보기를 누르게 되면 구글지도가 잘 표시되는것을 보실수 있습니다.

 

워드프레스 구글지도

 

반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band