7. (초급) 워드프레스 홈페이지 엘리멘터 카카오맵 가져오기

워드프레스 홈페이지 만들기에서 아래와 같이 연락처 페이지에 카카오맵을 가져오는 방법에 대해 안내 드립니다.

워드프레스

카카오맵‘을 검색합니다.

카카오맵’에 접속합니다.

검색에 원하는 위치를 입력합니다.

검색된 위치를 클릭합니다.

아래와 같이 ‘공유‘를 클릭합니다.

HTML 태그 복사’를 클릭합니다.

소스 생성하기‘를 클릭합니다.

아래의 소스를 복사합니다.

아래와 같이 우측 컨테이너의 ‘컨테이너 편집‘을 클릭합니다.

좌측 상단의 점 9개로 된 메뉴를 클릭 후 검색에 ‘html’을 입력 후 ‘HTML‘을 클릭합니다.

카카오맵‘에서 복사한 소스를 아래와 같이 ‘HTML 코드‘에 붙여 넣은 후 ‘업데이트‘를 클릭합니다.

변경사항 미리보기‘를 클릭합니다.

아래와 같이 ‘카카오맵‘을 가져왔습니다.

엘리멘터로 편집‘을 클릭합니다.

HTML 편집‘을 클릭합니다.

고급‘을 클릭 후 ‘크기‘의 ‘Grow‘를 클릭 후 ‘업데이트‘를 클릭합니다.