워드프레스 블로그에 구글지도 구글맵 삽입방법

워드프레스 포스에 구글지도를 표시하는 워드프레스 블로그에 구글지도, 구글맵을 삽입하는 방법을 간단하게 정리 해보았습니다.

플러그인등을 사용하지 않고 워드프레스에 있는 HTML 기능을 이용하여 블로그 포스팅에 구글지도를 표시하는 방법입니다.

 

 

워드프레스 블로그에 구글지도 구글맵 삽입방법

 

목차

 

1. 구글지도 HTML 추출

2. 구글지도 본문에 삽입

 

 

구글지도 HTML 추출

 

 

구글 지도를 삽입하고자 하는 지역을 정하고 클릭한 뒤, 우측의 공유를 클릭합니다.

지도 퍼가기를 클릭합니다.

아래와 같은 화면이 나오면 HTML을 복사합니다.

 

구글 지도 바로가기

 

 

구글지도 본문에 삽입

 

 

이제 워드프레스 글쓰기로 돌아와 입력 / 블록 선택의 + 로 들어가서 HTML을 선택합니다.

복사한 HTML을 붙여 넣기 합니다.

삽입된 구글맵을 중앙 정렬을 하고 싶으면 HTML 소스 앞에 <CENTER>, 뒤에 </CENTER> 를 넣어 줍니다.

미리 보기를 해봅니다. 구글 지도가 멋지게 표현됩니다.

글쓰기를 마치면 아래와 같이 구글맵이 워드프레스 블로그 포스팅에 삽입됩니다.

다른 글 포스팅을 하면서 사용하는 바람에 간단하게 구글 지도를 표시하는 ‘워드프레스 블로그에 구글지도 구글맵 삽입방법’ 을 포스팅하게 되었습니다.

 

2024.04.01 - [IT 컴퓨터/워드프레스] - 워드프레스 블로그 카테고리 메뉴 만드는 방법

워드프레스 블로그 카테고리 메뉴 만드는 방법