왕초보 워드프레스로 홈페이지 만들기(8) – 작성글에 지도 삽입 방법

“왕초보 워드프레스로 홈페이지 만들기” 연재글도 마무리가 되어 가는 중입니다.

지난 시간 게시판을 설치하였고, 워드프레스를 설치하신 분들은 컨텐츠 작성을 위하여 글을 등록하고 계시는 분들도 계시리라 생각됩니다.

글을 작성하면서 에디터를 사용하다 보면, 여러가지 기능들이 눈에 띄게 될 것입니다.

그중에 컨텐츠 작성 부문 중에는 “여행 후기”들을 많이 작성하는 데, 상단의 글처럼 구글 지도 또는 네이버 지도 등을 포함하는 경우가 많습니다.

그 사용방법을 자세하게 소개하고자 합니다.

본 사이트 여행지 소개 내용에 포함된 지도들은 네이버 지도를 포함하였으나, 네이버 지도 툴이 변경되어 향후 예측할 수 없는 부분이 있습니다.

그래서 구글 지도 포함 하기 방법을 게재하나, 네이버나 구들이나 사실 동일한 방법이라 할 수 있습니다.  본 글을 참고하여 편리하게 이용하시길 바랍니다.

본문 글에 지도를 포함하기 위하여, 먼저 “구글 지도”를 검색합니다.

해당 “지도 보기”에 접속하셔서, 원하시는 장소(본문글에 넣기를 원하는 장소)를 검색합니다.  (예시: 평강랜드 검색시)

해당 위치가 검색되면 화면 지도를 등록글에 삽입하기 위하여 공유부분을 클릭합니다.

공유하기를 클릭하면 공유할 수 있는 방법을 선택하게 되어 있습니다.

두 가지 공유방법 중에  (1)번 “지도퍼가기”를 클릭하시고, (2)번의 “HTML복사”를 클릭하시면 지도를 삽입할 수 있는 준비가 완료됩니다.

그러면 워드프레스 메뉴의 글 “새로 추가하기”로 글을 작성하여 보겠습니다.

우선 에디터 구석의 추가선택을 클릭하시면 “뒤에삽입”이라고 하여 블럭을 추가할 수 있습니다.

또는 글 작성이 완료가 되면 하단처럼 “Add block”으로 블럭을 추가합니다.

불러운 블럭 안에 텍스트로 글을 작성하는 경우가 많지만, 여기에서는 이전에 기억하고 있는 HTML을 넣기 위한 설정을 하게 됩니다.

“사용자 정의 HTML”에 기억하고 있는 내용을 “Ctrl + V”로 붙여넣기 사용하여 해당 글을 넣으면 됩니다. 

그리고 HTML 글이 붙여 넣기가 됩니다.

그러면 저장하기 후 “미리보기” 또는 “공개”로 설정하시면 해당 부분에 지도가 삽입된 것을 발견할 것 입니다.  그러면 해당글에 지도넣기가 완료된 것 입니다.

댓글 남기기