* '비주얼탭'이란?
각각의 탭 메뉴가 있고, 탭메뉴를 클릭했을때 아래의 화면이 탭에 맞게 변경되는 기능입니다.
* 비주얼탭 사용방법
1. 비주얼 탭을 사용할 페이지에서 페이지 편집화면으로 이동해주세요.
페이지편집 화면의 우측에 있는 아이콘을 클릭해주세요.(하단 이미지 참고)
2. 검색바에 '비주얼탭'을 입력하시고 검색해주세요.
검색목록 중 "c.비주얼탭"의 복사버튼을 클릭해주세요.
3. 템플릿 복사 화면에서 필요하신 템플릿을 선택해주세요.
선택하셨다면 템플릿을 감싸는 D버튼을 클릭 > 복사 클릭하여 템플릿을 복사해주세요.
4. 복사한 템플릿을 원하시는 위치에 '붙여넣기'해주세요.
(DIV 복사, 붙여넣기, 이동 매뉴얼 링크안내 :https://bos.kr/kwa-manual_v-1695)
5. 필요에 맞게 비주얼탭을 수정해서 사용해주세요.
* 비주얼탭 구조
편집화면에서의 구조와 실제화면에서 어떻게 보이는지에 대한 설명입니다.
① 비주얼탭의 제목
② 비주얼탭의 각 버튼
③ 비주얼탭의 버튼을 클릭했을시, 나오는 내용 부분
버튼과 내용을 감싸는 DIV에 각각의 내용을 연결해주는 변수가 들어있습니다.
버튼과 DIV의 변수가 동일해야 버튼을 클릭했을시에 연결된 내용이 올바르게 나옵니다.
확인하셔서 작업해주세요.
②버튼 |
③내용 |
※ 참고사항
비주얼탭에 대한 디자인 문의는 받지 않습니다.
원하시는 디자인이 있으실 경우 시안과 함께 작업의뢰(https://bos.kr/kwa-expert)에 문의해주세요.