INFORMATION
상호명 : (주)위멘토
사업자등록번호 : 506-87-00931
통신판매업번호 : 제2022-서울강서-1096호
고객센터 : 1800-2142 ∣ 이메일 : sales@wemento.kr
대표자 : 김성진 ∣ 개인정보책임자 :김성진
주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호
호스팅주소 : 서울특별시 강서구 공항대로 212(퀸즈파크11), B동 404호
WEMENTO
2012년 3월 자체 개발한 솔루션으로부터 모바일앱 제작을 시작으로, 2014년 6월 부터는 PC홈페이지와 모바일웹, 어플이 연동되는 시스템을 개발 및 제작해 왔습니다.
그동안의 노하우를 바탕으로 2016년 1월 반응형웹앱/쇼핑몰웹앱을 출시하여 다양한 업종의 웹사이트를 구축 하였습니다.
특히, 웹사이트에서의 모든 활동은 스마트폰으로 실시간 알림을 주고 받을 수 있게 연동되어야만 한다는 슬로우건 아래 시장을 선도하고 있습니다.
© BYULZZI Corp. All Rights Reserved. hosting by byulzzi
인스타그램 연동 갤러리 위젯으로 가능
개요
갤러리 위젯과 내 인스타그램 계정을 연결하여 인스타그램 포스트를 불러올 수 있습니다.
1단계, 갤러리 위젯 추가하기
1) 갤러리 위젯을 추가합니다.
2) 마우스 오른쪽 버튼을 클릭하여 갤러리 설정을 엽니다.
2단계, 인스타그램 연동하기
1) 왼쪽 하단 이름 없는 갤러리를 클릭합니다.
2) 드랍다운 메뉴가 나타나면 인스타 계정에서 가져오기를 클릭합니다.
3) 갤러리 설정하기
상단 인스타그램 연동하기를 클릭합니다.
*추가 정보 필요한 경우 갤러리 설정 하단에 본문내용, 해시태그, 좋아요 수, 댓글 수를 표시할 수 있습니다.
4) 인스타그램에 로그인합니다.
*이미 로그인한 경우 이 단계는 자동으로 넘어갑니다.
5) 인스타그램 계정 연동이 완료되었습니다.
이제 새로운 인스타그램 포스트를 올리면 이곳에도 함께 업로드 됩니다.
갤러리 클릭 시 새로운 갤러리가 나오게 하는 방법 (메뉴 활용)
갤러리 위젯과 메뉴 링크를 활용해 갤러리 이미지 중 하나를 클릭하면, 또 다른 갤러리가 나오도록 페이지를 구성할 수 있습니다.
본 도움말에서는 다음 샘플 사이트와 같이 City, Nature, Sky, Street 4개 중 하나를 클릭하면 관련 갤러리가 나타나는 페이지를 구성하는 방법을 알려드립니다.
설정 방법
1단계, City, Nature, Sky, Street 메뉴 만들기
갤러리를 위한 빈 메뉴 4개를 추가합니다.
상단 메뉴 오른쪽 끝 ⨁를 클릭해 City, Nature, Sky, Street 4개 메뉴를 추가합니다. 메뉴 추가 방법

2단계, 갤러리 만들기
추가한 4개 메뉴에 갤러리 위젯을 추가하고 이미지를 추가합니다.
City 메뉴로 이동합니다.
*참조 : 메뉴 관리에서 이동하거나 상단 메뉴에 City 메뉴를 클릭해 이동할 수 있습니다.
빈 메뉴에 갤러리 위젯을 추가합니다.
갤러리 위젯에 마우스 우클릭하여 추가한 갤러리 설정을 엽니다.
3단계, 갤러리 홈 메뉴 만들기
위 2단계에서 만든 갤러리들로 이동할 수 있는 갤러리 홈 메뉴를 추가합니다.
4단계, 갤러리 이미지 추가 및 링크 걸기
갤러리 홈에 갤러리를 추가하고, 이미지 클릭 시 각 City, Nature, Sky, Street 메뉴로 이동하도록 이미지에 링크를 걸어줍니다.
갤러리 위젯을 추가합니다.
갤러리 위젯에 마우스 우클릭하여 갤러리 설정을 엽니다.
위 2단계에서 만든 갤러리들을 대표하는 이미지 4개를 추가합니다.
왼쪽 하단 링크를 클릭하면 추가한 메뉴들이 나타납니다. 그 중 City를 선택합니다.
갤러리 스타일은 설정에서 [다른 스타일]을 클릭해 변경할 수 있습니다.
(선택 사항) 5단계, 그룹 메뉴 만들기
상단 메뉴바에 갤러리 홈(DIARY)만 표시되도록 메뉴를 그룹화 시키려면 다음 도움말을 참조하세요.
갤러리 클릭 시 새로운 갤러리가 나오게 하는 방법 (라이트박스 활용)
메뉴 이동 없이 갤러리 대표 이미지 클릭 시 여러 갤러리 이미지가 표시되도록 구성할 수 있습니다.
메뉴 이동을 활용한 갤러리 위젯 응용 방법은 다음 도움말을 참조하세요.
구성 방법
1단계, 메뉴 추가하기
2단계, 갤러리 위젯 추가하기
갤러리 위젯을 클릭합니다.
3단계, 이미지 추가하기
참고 : 미리 모든 이미지의 비율(4:3, 16:9 등)을 같게 편집해두시면 보다 깔끔하게 표시됩니다.
4단계, 갤러리 묶음으로 구성하기
아래 설정 항목을 다음처럼 지정합니다.
(선택 사항) 5단계, 갤러리 묶음 추가하기
갤러리 위젯을 다음 샘플 사이트처럼 배치합니다.
캘린더 위젯
위젯 소개
중요한 일정을 등록하고 방문자들에게 보여주거나 알릴 수 있습니다.
위젯 설정
위젯 설정에서 캘린더를 설정하고, 페이지에 접속해 일정을 추가할 수 있습니다.
캘린더 위젯 설정을 엽니다.
캘린더 설정항목
캘린더 위젯 설정항목을 알아봅니다.
캘린더 활용하기
캘린더에 일정을 추가할 때는 디자인 모드가 아닌 페이지에서 추가합니다.
일정 내용을 입력합니다.
추가 정보
캘린더에서 날짜 클릭 시 다른 페이지로 이동하도록 설정할 수 있습니다.
일정 추가 시 URL 입력에 이동할 링크 주소를 입력해주세요.
참조 : 관리자(혹은 작성자)의 경우 편집을 위해 날짜 클릭 시 편집 창이 뜨지만 일반 방문자의 경우 일정 클릭 시 바로 링크한 페이지로 이동합니다.
입력폼 위젯
위젯 소개
입력폼 위젯은 신청서를 접수받거나 각종 설문조사, 의견 등을 사용자로부터 제출 받을 때 사용하는 위젯입니다.
게시판과 달리 항목을 다양하게 구성할 수 있으며, 사용자는 제출한 정보를 볼 수 없습니다.
위젯 설정
위젯 설정에서 입력폼을 설정하고 폼 구성요소를 설정할 수 있습니다.
입력폼 위젯 설정을 엽니다.
입력폼 설정항목
입력폼 설정 항목 및 폼 구성방법을 알아봅니다.
1. 입력폼 기본 설정
2. 폼 추가하기
추가 버튼을 클릭해 폼을 추가합니다.
3. 폼 구성요소 편집하기
동영상 위젯
위젯 소개
유튜브(YouTube) 또는 비메오(Vimeo)에 업로드한 동영상 주소(URL)를 입력하여 페이지에 간편하게 동영상을 삽입할 수 있습니다.
위젯 설정
동영상 위젯 설정을 변경해 동영상을 연결하고 다양한 옵션을 추가할 수 있습니다.
1단계, 동영상 위젯을 추가합니다.
2단계, 동영상 위젯 설정 엽니다.
3단계, 동영상 설정 항목을 확인하고 설정 변경합니다.
1) 커버 이미지
유튜브 또는 비메오에 설정된 대표 이미지를 불러옵니다. 필요한 경우 직접 커버 이미지를 업로드할 수 있습니다.
2) 동영상 주소
유튜브 또는 비메오(Vimeo) 동영상 주소(URL)를 입력합니다.
3) 재생설정
4) 옵션
단일 지도 위젯
위젯 소개
위치 정보를 사용자에게 알려주고자 할 때 사용합니다. 주로 "찾아오시는 길" 또는 Contact 메뉴 등에서 많이 활용합니다.
지도 사용 전 필수 선행작업
지도 기능이 포함된 위젯을 사용하려면 앞서 지도 API 설정을 완료해야 합니다.
위젯 설정
단일 지도검색 위젯 설정을 엽니다.
단일 지도 설정항목
지도 종류
네이버 지도, Google 지도 중 하나를 선택할 수 있습니다. *지도를 사용하려면 네이버 또는 Google 지도 API 설정을 마쳐야 합니다.
위 내용을 참조하세요.
주소
표시할 위치 주소를 입력합니다.
1단계, 주소의 전체 또는 일부를 입력하고 키보드 엔터(Enter)를 누릅니다. *예시 : 연희동 413-16
정보
핀에 말풍선으로 표시될 정보를 입력합니다.
효과
기본 지도의 확대 정도와 유형을 설정할 수 있습니다.
옵션
지도 게시판 위젯
위젯 소개
여러 위치정보를 한 번에 표시하고자 할 때 사용합니다.
예를 들어 서대문구에 있는 모든 음식점 정보를 표시하거나, 프랜차이즈 가맹점 위치를 표시하고자 할 때 사용할 수 있습니다.
단, 개인정보법 개정 이후 개인 위치정보 기능을 사용하려면 SSL이 필수로 설치 되어야 합니다.
지도 게시판 사용 전 필수 선행작업
지도 기능이 포함된 위젯을 사용하려면 앞서 지도 API 설정을 완료해야 합니다.
위젯 설정
위젯 설정에서 지도 게시판을 설정하고, 페이지에 접속해 지도게시글을 추가할 수 있습니다.
지도 게시판 위젯 설정을 엽니다.
지도 게시판 설정항목
지도 게시판 설정 메뉴를 알아봅니다.
지도 게시물 작성하기
지도 게시물은 디자인 모드에서 추가할 수 없으며, 미리보기 또는 직접 페이지에 접속해 추가합니다.
위치추가 버튼을 클릭해 주소 및 상세주소, 전화번호, 웹사이트(옵션)를 작성합니다.
이미지 맵 위젯
이미지맵 위젯
하나의 이미지에 여러 링크 영역을 구현하고자 할 때 사용합니다.
*빠른 연습을 위해 하단에 PSD 예시파일을 첨부해두었습니다.
이미지맵 위젯 사용 방법
1단계, 위젯 목록 창 열기
빈 섹션을 추가해 곧바로 + 아이콘을 클릭하거나, 좌측 툴바에서 + 아이콘을 클릭해 위젯 목록 창을 열어주세요.
2단계, 이미지맵 위젯 선택하기
위젯 목록이 나타나면, [이미지맵] 위젯을 선택해주세요.
3단계, 이미지맵 위젯 설정 창 열기
이미지맵 위젯에 마우스 커서를 올려놓고, 마우스 오른쪽 버튼을 클릭하면 나타나는 [이미지맵 설정]을 클릭해주세요.
4단계, 이미지 업로드하기
이미지맵 설정 창이 열리면 [이미지 업로드] 버튼을 클릭해주세요.
이미지맵으로 사용할 이미지 파일을 내 PC에서 선택해 업로드할 수 있습니다.
5단계, 이미지맵 링크 추가하기
1) 아래 그림 1번 영역에 이전 단계에서 업로드한 이미지가 표시됩니다.
2) 이미지 내 링크를 추가하기 위해 이미지맵 링크 [추가] 버튼을 클릭해주세요.
6단계, 링크 URL 및 클릭 영역 설정하기
1) 이미지맵 링크 [추가] 버튼을 클릭하면 아래 그림처럼 링크 URL을 입력할 수 있는 칸이 나타납니다. URL 입력칸 우측에 있는 [새창] 옵션을 체크하면, 이 링크를 클릭했을 때 새 브라우저 창이 뜨도록 설정할 수 있습니다.
2) 이미지맵 링크를 추가하면 2번 영역에 반투명한 파란 네모가 함께 추가됩니다. 이 네모 영역은 방문자가 마우스로 클릭할 수 있는 영역을 가리키며, 그 크기는 마우스로 조절할 수 있습니다.
7단계, 링크는 사이트 내부 메뉴도 연결 가능
링크 URL은 반드시 외부로만 연결하거나, URL을 입력해야 하는 건 아닙니다.
링크 입력란을 클릭하면 아래 그림처럼 내부 메뉴를 연결할 수도 있습니다.
[링크] 대신 [전화걸기]나 [문자발송], [이메일] 방식으로도 설정 가능합니다.
*전화걸기 및 문자발송은 스마트폰에서만 정상적으로 작동합니다.
*PC 환경에 따라서는 스카이프 또는 페이스 타임으로 동작할 수도 있습니다.
TIP. 이미지맵 위젯의 이미지가 깨져 보인다면?
이미지 위젯에 사용한 이미지가 [공통 디자인 설정]에서 설정한 [본문폭] 보다 가로 길이가 긴 경우, 섹션 설정에 따라 이미지가 깨져 나올 수도 있습니다.
그런 경우 아래 그림처럼 섹션 설정 창에서 [좌우 여백] 크기를 0px로 바꿔주시면 이미지 깨짐 현상을 없앨 수 있습니다.
*공통 디자인 설정 또는 섹션 설정에 따라 이미지 깨짐 현상의 이유는 매우 다양합니다.
아래 방법으로 이미지가 깨짐이 해결되지 않는 경우 이미지 크기에 영향을 주는 어떤 옵션을 사용 중인 건 아닌지 확인해주세요.
검색 위젯
위젯 소개
방문자가 사이트 내 콘텐츠를 검색할 수 있도록 검색 위젯을 추가할 수 있습니다.
검색 결과는 통합 검색 형식으로 표시되며, 필요한 경우 검색결과에 노출하고 싶은 콘텐츠만을 나눌 수도 있습니다.
위젯 설정
검색 위젯 설정을 엽니다.
검색 설정항목
검색 위젯 설정항목을 알아봅니다.
다른 스타일 : 검색 아이콘 또는 필드 디자인 스타일을 선택합니다.
통합검색 설정하기
방문자들이 사이트에서 검색 시 표시될 통합검색 영역을 어떻게 표시할지 설정할 수 있습니다.
글로벌 메뉴에서 통합 검색 메뉴를 클릭합니다.
표시할 검색 탭, 검색 범위, 기본 검색 탭 선택합니다.