템플릿의 스타일을 관리하는 방법

Jetcraft에서 배포하는 템플릿의 CSS를 수정하고 관리하기 위한 올바른 방법에 대해 설명합니다.

#FAQ – 자주있는 질문

Google의 F.A.Q 가이드라인과 Schema를 따르는 엘리멘터 기본 F.A.Q 위젯의 스타일입니다. 리치 검색에 선정되면 이 위젯의 내용이 검색결과에 포함됩니다.

#페이지 – 티스토리 홈

2024년 8월까지 사용됐던 티스토리의 메인 화면을 엘리멘터 기본 위젯만을 사용해서 구현한 템플릿입니다. 이 템플릿은 엘리멘터가 얼마나 다양한 서비스 모델을 표현할 수 있는지 검증하는 테스트 용도로 제작되었으므로 실제 서비스에 그대로 사용해서는 안됩니다.

#스크롤 트리거 – 01

써드파티 플러그인이나 소스코드 없이 워드프레스 엘리멘터 빌더의 기본 기능만으로 간단히 스크롤 트리거를 구현한 템플릿입니다.

#캐러셀 – 기본 슬라이드 위젯

워드프레스 엘리멘터 빌더의 기본 슬라이드 위젯에서 모든 Swiper API를 사용하고, 다른 원격 요소들과 스타일을 동기화할 수 있도록 개선한 위젯 스타일입니다.

#Swiper – Swiper 모듈 01

워드프레스 엘리멘터 빌더에 내장된 Swiper 모듈을 사용해 슬라이드와 캐러셀을 구현한 템플릿입니다.

#메뉴 메가메뉴 – 01

엘리멘터에서 제공하는 기본 위젯만으로 드롭다운 메가메뉴를 구성하는 템플릿입니다.

#폼 양식 01 – 회원가입

JetFormBuilder를 사용한 회원가입 필드 위젯 스타일입니다

#알림 Alert 위젯 – 01

엘리멘터 기본 알림상자의 스타일과 기능을 개선한 위젯 스타일입니다

#헤딩 – 디자인 토큰

H1 – H6에 해당하는 헤딩에 대한 디자인 토큰입니다. 헤딩 위젯 개별적으로 복사해 사용하거나 엘리멘터 헤딩 토큰의 리퍼런스로 이용할 수 있습니다.