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

카테고리: 워드프레스 플러그인
플러그인 버전: 프로 버전 - 1.3.1
: 무료 버전 - 1.1.1
사용 가능 기간: 평생
다운로드 가능 기간: 3개월
: 50% 할인
판매가: 9,900원 19,800원

좋아요로 관심을 표현해보세요!

Pro 버전 구매하기

문의

Pro 버전 구매하기

설명

설치 방법

라이센스

업데이트 로그

전화하기 네이버 앱에서 보기

ADDRESS

TEL

E-MAIL

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

하이버드 - 네이버 지도 생성기 (네이버 지도 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)

찾아오시는_길_생성기 네이버콘솔 01.jpg

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

찾아오시는_길_생성기 네이버콘솔 02.jpg

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

찾아오시는_길_생성기 03.jpg

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

찾아오시는_길_생성기 06.jpg

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

찾아오시는_길_생성기 04.jpg

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

찾아오시는_길_생성기 사용법 01.jpg

플러그인 설치 방법

① 워드프레스 관리자 페이지를 통한 설치 방법
1. 워드프레스 플러그인 업로드 페이지로 이동하기
1) 워드프레스 관리자 페이지 -> 플러그인 -> 새로 추가
2) '플러그인 업로드' 버튼 클릭
3) '파일 선택' 버튼 클릭 -> 플러그인 파일(zip 확장명) 선택
4) '지금 설치' 버튼 클릭

/img/plugins/plugin_install_01.jpg

2. 설치된 워드프레스 플러그인 활성화하기
1) 플러그인을 성공적으로 설치하였다는 메세지 확인하기
2) '플러그인 활성화' 버튼을 클릭하여 활성화(실행) 하기

/img/plugins/plugin_install_02.jpg

② FTP를 통한 직접 설치 방법
1. 플러그인 파일(zip 확장명) 압축 해제하기
2. FTP(예: 파일 질라)에 접속하기
1) ftp에 접속 후 압축 해제한 '플러그인 폴더 파일'을 /wp-content/plugins 폴더에 업로드하기(폴더 통째로 업로드하기)
※ /wp-content/plugins 폴더 경로는 '각 호스팅사마다, 워드프레스 설치 경로마다' 다를 수 있어
　해당 호스팅사에 문의 또는 검색 등을 통해 확인 부탁드립니다.

· 호스팅사 별 경로 예시
- 카페 24 : /www/wp-content/plugins
- vultr : /var/www/html/wp-content/plugins
- AWS : /bitnami/wordpress/wp-content/plugins 또는 /var/www/html/wp-content/plugins

3. 설치된 워드프레스 플러그인 활성화하기
1) 워드프레스 관리자 페이지 -> 플러그인 -> 설치한 플러그인
2) 플러그인의 '활성화' 버튼을 클릭하여 활성화(실행) 하기

/img/plugins/plugin_install_03.jpg

업데이트 로그

1.3.1 버전

· '[네이버 클라우드 플랫폼] Maps - 기존 호스트 변경'으로 인한 'Maps 호스트' 변경(무료 버전 동일 적용) - 23.10.14

1.3 버전

· 보안 관련 강화 업데이트(무료 버전 동일 적용) - 23.08.03

1.2 버전

· jQuery 로드가 늦는 테마 환경을 위한 js 스크립트 변경
· '정보창 깨짐 현상'과 관련된 js 스크립트 및 css 수치 변경(무료 버전 동일 적용) - 23.06.05

1.1 버전

· 모바일 기기에서의 드래그 여부 설정 옵션 추가 - 23.05.25

1.0 버전

· 제작 완료 - 23.05.03

신고하기

이 게시글을 신고합니다.

신고하기

닫기

전체 0