알려드립니다
- 이 위젯은 'Nested Elements' 기능이 활성화 되지 않은 상태에서도 작동하는 구버전입니다.
- 이 위젯은 탭 하단에서 양쪽으로 슬라이딩하는 기능에만 촛점을 두었기 때문에, 그 외 탭 형태의 스타일은 지정되어 있지 않습니다..
시작하기
핵심 레이어
🚀 jetcraft-ws-tabs-01
* 핵심 레이어는 원하는 페이지에 붙여 넣어야 할 가장 중요한 레이어입니다. 자세한 내용은 템플릿 기본 사용 안내 문서를 참고해 주세요.
샘플용 로딩 오버레이
Loading Overlay 레이어는 탭 내부에 이미지등의 요소가 지연 로딩되는 경우 사용하도록 예시로 넣어 둔 레이어입니다. 실제 사용시에 필요없는 경우 삭제하거나 가려두십시오.
음수 마진
🚀 jetcraft-ws-tabs-01 컨테이너 레이어 양쪽에는 카드 형태의 래퍼 요소에서서 탭을 여백 없이 맞추기 위해 -16px씩의 음수마진이 설정되어 있습니다. 이 여백이 필요 없는 경우에는 값을 삭제하세요.
템플릿 CSS 스타일 수정
- Jetcraft의 템플릿은 공통된 방식으로 CSS 스타일을 수정할 수 있습니다. 자세한 내용은 템플릿의 스타일을 관리하는 방법 게시물을 참고해 주세요.
- 엘리멘터가 CSS를 처리하는 원리에 대해 이해하면 템플릿과 위젯의 CSS를 보다 장기적의고 체계적으로 관리할 수 있습니다. 엘리멘터 사용에 익숙해 졌다면 엘리멘터 위젯과 템플릿을 효과적으로 관리하는 법 블로그 게시물을 통해 보다 효율적으로 스타일을 관리하세요.