워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

블로그 인기글

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

이번글에서는 구글맵을 삽입하는 방법을 알아봅니다.

 
플랜뷰에서 KART MAP 페이지를 더블클릭해서 디자인뷰로 불러옵니다. 텍스트툴을 선택하고 클릭드래그하여 텍스트 프레임을 만든 다음 글자를 입력합니다. 선택툴을 선택하고 글자를 선택한 다음 패러그래프 스타일에서 Georgia Body Medium을 선택합니다.


구글맵 으로 이동하여 검색창에 Adobe SF를 입력, 엔터키를 치면 지도가 나옵니다. 1의 링크 아이콘을 클릭하고 2의 코드를 클릭한 다음 3의 링크를 클릭합니다.

 
지도 사이즈를 선택하거나 2에서 원하는 사이즈를 입력하고 엔터치면 코드가 나옵니다. 트리플클릭 하면 블럭설정이 되고 Ctrl+C를 눌러 복사합니다.


Ctrl+V키를 누르거나 메뉴에서 Object-Insert HTML 을 선택하면 창이 나오는데 코드를 붙여넣고 OK클릭해도 됩니다. 지도를 클릭드래그해서 위치를 조정하고 1의 조절점을 아래로 내려서 여백을 만들어줍니다.


크기를 변경하려면 다시 구글에서 재설정할 필요없이 우클릭하면 메뉴가 나옵니다. HTML을 선택하면 창이 나오고 가로세로 수치를 변경하고 OK클릭하면 됩니다.