하이버드 – 네이버 지도 생성기 플러그인 (워드프레스 / 숏코드 / 찾아오시는 길 / 네이버 지도 API ver)

설명

해당 플러그인으로 만든 실제 네이버 지도

하이버드 – 네이버 지도 생성기 (네이버 지도 API ver)는
워드프레스 플러그인으로써 간단한 설정만으로 ‘찾아오시는 길‘ 지도를 숏코드로 생성해줍니다.

설치 및 활성화 시 자동으로 생성되는 ‘찾아오시는 길 관리‘ 관리자 메뉴 페이지를 통해,
위치명, 주소, 별도 문구, 전화번호, 네이버 지도 앱 연동 등을 마음대로 설정 후 저장 및 수정할 수 있는 기능을 제공합니다.

• 숏코드를 사용할 수 있는 곳이라면 어디에든 삽입 가능!
• ‘위치명(회사명)’과 ‘별도 문구’를 마음대로! (html 태그 입력 가능)
• 도로명 또는 지번 주소를 적어 넣으면 자동으로 전체 주소 출력!
• PRO – ‘전화번호’를 입력하면 ‘전화하기 버튼’ 자동 구현! (모바일에서 터치시 곧바로 전화번호가 입력됨)
• PRO – ‘앱에서 보기 버튼 표시 여부’ 옵션 선택만으로 ‘네이버 지도 앱’과 연동 OK!
• ‘위치명’을 제외한 모든 항목은 ‘표시 여부’ 선택으로 출력 여부를 간단하게!
• ‘너비, 높이’ 옵션에 숫자 입력만으로 ‘네이버 지도’ 크기 조절 가능! (PC, 모바일 각각 설정 가능)
• PRO – ‘정보창의 테두리 둥글기 정도’ 및 ‘지도 확대 레벨’, ‘중심점 y축 보정 값’으로 디자인 설정도 손쉽게!
• PRO – 모바일 기기에서의 ‘드래그 여부’ 설정도 간편하게!
• 개수 제한 없이 생성 가능!

※ 해당 플러그인은 다음과 같은 환경에서 테스트 되었습니다. (2024.09.22)
– 워드프레스 버전 : 5.8.6 ~ 6.6.2
– PHP 버전 : 7.3 ~ 8.2

사용 방법

1. ‘네이버 지도 클라이언트 ID’ 발급 및 등록하기
1) 현재 구매 페이지 상단의 ‘설치 방법‘ 탭의 내용을 참고하여 플러그인 ‘설치 및 활성화‘하기
2) 아래 사진들과 같이 ‘네이버 클라우드 플랫폼’에서 서비스 애플리케이션 등록 후
‘네이버 지도 클라이언트 ID‘ 발급받기 – 네이버 클라우드 플랫폼 바로가기(새창)
(다음의 3개 서비스는 필수입니다.
– Web Dynamic Map
– Static Map
– Geocoding)

(이미지 클릭 시 크게보기 가능)

3) 워드프레스 관리자 메뉴에 새로 생성된 ‘찾아오시는 길 관리‘ 메뉴 클릭
4) ‘네이버 지도 클라이언트 ID 관리‘ 탭에서 ‘네이버 지도 클라이언트 ID‘ 등록하기

2. ‘찾아오시는 길’ 생성하기
1) ‘찾아오시는 길 생성‘ 탭 클릭
2) ‘위치명, 주소, 별도 문구’ 등의 입력 란들을 알맞게 채워넣기
3) 하단의 ‘적용 및 미리보기‘ 버튼을 통해 네이버 지도 조절하기
4) 모든 옵션 설정을 마쳤다면 가장 하단의 ‘새 찾아오시는 길 저장하기‘ 버튼을 통해 저장하기

3. 생성된 ‘찾아오시는 길’ 적용하기
1) 아래와 같이 생성된 ‘찾아오시는 길’ 목록 중 ‘숏코드‘ 란의 숏코드를 복사



2) 복사한 숏코드를 아래와 같이 원하는 곳에 붙여넣기
(숏코드를 사용할 수 있는 곳이라면 어디든 사용 가능합니다.)