이야기에 앞서
이 템플릿은 블로그에서 아주 자세하게 다루고 있습니다. 구현 방법이나 작동 방식에 대해 관심이 있다면 엘리멘터에서 스크롤 트리거 구현하기 (고급편)을 참고해 주세요.
시작하기
엘리멘터 편집 화면에서 키보드의 Control + i
혹은 Command + i
키를 눌러 Structure 패널을 항상 열어두세요.
핵심레이어
원하는 페이지에 붙여넣을 때 반드시 복사해야 할 레이어는 다음과 같습니다.
※ 여러가지 예시가 포함된 Dummy Contents
레이어도 복사해서 사용할 수 있습니다.
레이어 이름 | 역할 |
---|---|
🚀 jetcraft-section-scrollTrigger-02 | 모든 코드와 구조가 포함된 레이어 |
템플릿 CSS 스타일 수정
- Jetcraft의 템플릿은 공통된 방식으로 CSS 스타일을 수정할 수 있습니다. 자세한 내용은 템플릿의 스타일을 관리하는 방법 게시물을 참고해 주세요.
- 엘리멘터가 CSS를 처리하는 원리에 대해 이해하면 템플릿과 위젯의 CSS를 보다 장기적의고 체계적으로 관리할 수 있습니다. 엘리멘터 사용에 익숙해 졌다면 엘리멘터 위젯과 템플릿을 효과적으로 관리하는 법 블로그 게시물을 통해 보다 효율적으로 스타일을 관리하세요.