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단계, 버튼 텍스트 입력하기
버튼명으로 사용할 텍스트를 입력합니다. *본 가이드에서는 텍스트 위젯이 사용되었습니다.
2단계, 텍스트 선택하기
마우스로 드래그하여 입력한 텍스트를 선택합니다.
3단계, 링크 클릭하기
을 클릭합니다.
텍스트 편집도구 오른쪽 상단에 위치한 링크 아이콘
4단계, 메뉴 선택 또는 링크 주소 입력하기
버튼 클릭시 이동할 경로는 메뉴를 직접 선택하거나 주소(URL)를 입력하는 방식으로 지정할 수 있습니다.
1) 메뉴 선택 : 돋보기 아이콘을 클릭해 기존에 만든 메뉴 중 하나를 선택합니다. [삽입]을 클릭해야 저장됩니다.
2) 직접 입력 : 링크 주소(URL)를 입력합니다. 입력 후에는 꼭 [삽입]을 클릭해주세요.
5단계, 스타일 변경하기
링크 삽입 후 나타는 보조 메뉴에서 두 번째 스타일을 클릭합니다.
다음으로 큰 버튼, 작은 버튼, 아주 작은 버튼 중 하나를 선택합니다.
6단계, 버튼 삽입 완료
버튼이 정상적으로 삽입, 적용 되었는지 미리보기를 통해 확인합니다.
버튼명 또는 링크 수정이 필요하다면?
1단계, 버튼 클릭하기
마우스로 버튼을 클릭합니다.
2단계, 링크 수정 클릭하기
보조 메뉴가 나타나면 3번째 링크 수정 메뉴를 클릭합니다.
3단계, 텍스트 및 링크 수정하기
텍스트 및 링크 주소(URL) 편집 후 업데이트를 눌러 저장합니다.
메뉴 리스트 위젯
위젯 소개
메뉴 관리에서 상단(헤더)에 표시되는 메뉴들을 그룹으로 설정한 경우, 아래 그림 1번처럼 풀다운 형태로 하위 메뉴들이 표시합니다.
만약 풀다운 형태가 아니라 그림 2번처럼 본문에 서브 메뉴를 표시하고자 하는 경우, 메뉴 리스트 위젯을 추가하고 표시할 메뉴들을 선택해보세요.
따라서 모바일에서도 표시되게 하려면, 모바일 설정에서 모바일 표시 옵션을 체크해주셔야 합니다.
위젯 설정
표시할 메뉴(기본값 : 현재 메뉴)를 선택하고 스타일 및 디자인을 변경합니다.
1단계, 메뉴 리스트 위젯을 추가합니다.
2단계, 메뉴 리스트 위젯 설정 엽니다.
3단계, 설정 항목을 확인하고 변경합니다.
1) 다른 스타일
위젯 설정창 중앙부에 있는 '다른 스타일' 버튼을 눌러 메뉴 리스트 위젯의 스타일을 선택할 수 있습니다.
가로형부터, 세로형까지 다양한 스타일 준비되어 있습니다.
2) 연동 대상
3) 기준 위치
4) 메뉴
5) 텍스트
6) 정렬
섹션 설정하기
섹션 설정 창을 열어 섹션에 배경(색상, 이미지, 동영상)을 추가하거나 위젯 간의 간격 조절, 여백 조절, 사이드 나누기, 각종 효과를 줄 수 있습니다.
섹션 설정 열기
위젯이 없는 빈 공간에 마우스 오른쪽 버튼을 클릭합니다.
*주의 : 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.
보조 메뉴에서 섹션 설정을 클릭합니다.
섹션 설정항목
섹션 추가, 이동, 복제, 삭제하기
섹션이란?
위멘토는 페이지(메뉴) 안에 섹션이 있고, 섹션 안에 위젯이 올라가는 구조로 이루어져 있습니다.
여기서 섹션(Section)이란 페이지 내 구획 또는 단락을 의미합니다.
다음 그림처럼 하나의 페이지는 여러 개 섹션으로 나눌 수 있으며, 각 섹션마다 위젯으로 콘텐츠를 추가하고, 섹션 배경에 이미지나 동영상을 추가, 그외 기타 다양한 효과를 추가하여 특별한 디자인도 가능합니다.
적절하게 섹션을 나누면 방문자들이 페이지 콘텐츠를 보기에도 수월하며 향후 모바일 디자인시에도 도움이 되기에 적극 활용해보실 것을 추천드립니다.
섹션 추가하기
섹션을 추가하는 방법에는 2가지가 있습니다.
1. 비주얼 섹션 또는 미리 구성된 섹션 템플릿 추가하기
콘텐츠, 상품 소개, 구성원, 연락처 등 자주 사용되는 레이아웃으로 미리 구성된 섹션 템플릿을 추가할 수 있습니다.
2. 빈 섹션 추가하기
위젯이 하나도 없는 빈 섹션을 추가할 수 있습니다.
섹션 복사하기, 섹션 붙여넣기
섹션 이동하기
섹션 삭제하기
섹션 이동하기 (위로 이동, 아래로 이동)
하나의 페이지에 여러 개 섹션이 있는 경우 특정 섹션을 위 또는 아래로 이동시킬 수 있습니다. 섹션에 대한 추가 정보 및 섹션 추가 방법은 다음 도움말을 참조하세요.
섹션 이동방법
섹션 추가하기 (섹션 템플릿)
추가 방법
디자인 모드 왼쪽 상단 마술봉 아이콘(섹션 추가)를 선택합니다.
비주얼, 컨텐츠, 푸터/메뉴 중 하나에 마우스를 대면 템플릿이 나타납니다.
섹션 복사하기, 섹션 붙여넣기
메뉴(페이지), 위젯에 이어 섹션도 복제가 가능합니다.
다음 샘플 사이트에 접속해보시면 REVIEW 및 COMMUNITY 메뉴 상단 섹션이 모두 같은 것을 보실 수 있습니다.
메뉴별로 반복적으로 사용하는 디자인이 있는 경우 섹션 복제 기능을 활용해보세요.
사이트를 빠르고 효율적으로 제작하면서 디자인에 일관성 및 통일성을 줄 수도 있습니다.
섹션 복제 방법
복사하려는 섹션에 마우스 오른쪽 버튼을 클릭합니다.
*주의 : 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.
보조 메뉴가 나타나면 섹션 복사를 클릭합니다.
다음 그림처럼 섹션 붙여넣기가 활성화 되었다면 클릭합니다.
섹션에 동영상 배경 넣기
섹션 배경에 동영상을 넣는 기능은 두가지로 나뉩니다.
1. 비주얼 섹션에 동영상 넣기
- 디자인모드 좌측 상단 섹션추가를 누릅니다.
- 비주얼의 2번째 항목 동영상 섹션을 클릭합니다.
추가된 비주얼 동영상 섹션에서 우측 마우스를 통해 설정에 접속 → 배경 동영상에 삽입할 동영상 URL을 입력합니다.
2. 섹션에 동영상 배경 넣기
섹션에서 우측 마우스를 통해 섹션 설정에 접속합니다.
섹션 설정에서 [동영상]을 클릭하면 YouTube 동영상 URL을 입력하는 창이 나옵니다.
** 동영상 위젯에서는 YouTube와 Vimeo 동영상 URL 등록이 가능하지만 섹션 배경은 YouTube만 지원되는 점 참고바랍니다.
빈 섹션 추가하기
빈 섹션을 추가할 수 있습니다.
빈 섹션에 위젯을 추가하고 배경색 또는 배경 이미지를 추가하여 섹션을 디자인 할 수 있습니다.
섹션(구획, 구역)에 대한 상세한 도움말을 다음 문서를 확인해보세요.
빈 섹션 추가 방법
위젯이 없는 빈 공간에 마우스 오른쪽 버튼을 클릭합니다.
*참조 : 위젯에 마우스 오른쪽 버튼을 클릭하지마세요.
섹션 보조 메뉴가 나타납니다.
빈 섹션이 추가됩니다.