컬러셋

사전 정의 된 컬러는 총 8개로, 컬러셋을 적용할 DOM 요소 혹은 body 요소에 명시하면 ‘주 색상(Primary Color)‘을 비롯해 4개의 엘리멘터 전역 색상을 오버라이딩 합니다. 컬러셋은 Jetcraft의 모든 템플릿에도 공통으로 적용되는 기능이며, 더 자세한 내용은 사용자 정의 컬러 사용하기를 참고해 주세요.

사전정의 된 컬러셋 적용하기

Jetcraft Starter Kit™ 테마의 body 요소에 컬러셋 클래스를 추가하려면 functions.php에서 아래 코드 블럭을 찾아 line 7의 컬러셋 클래스를 변경합니다. 해당 php 코드는 문서의 body 요소에 원하는 클래스를 추가할 때도 사용할 수 있습니다.

사전 정의된 컬러셋을 외부 플러그인에서 오버라이딩

컬러셋을 변경하기 위해 매번 functions.php 파일을 수정하기 귀찮다면, Code Snippets와 같은 플러그인에서 아래 코드를 추가해 body 요소에 추가할 클래스를 변경할 수도 있습니다.

현재 컬러셋의 색상 오버라이딩

현재 사용중인 컬러셋의 색상을 자신이 원하는 색상으로 바로 변경해서 사용할 수도 있습니다. 만일 jetcraft-color-violet 컬러셋을 사용한다는 가정 하에 관리자 화면 → Appearence → Customize → Additional CSS 필드에서 아래 스니펫을 최대한 상단에 명시하여 간단히 색상을 오버라이딩 할 수 있습니다.

요소의 모서리 라운딩 없애기

테마의 버튼이나 기타 둥글게 처리 된 모서리를 평탄화 하고 싶다면 $classes[] = 'jetcraft-no-radius'; 코드의 주석을 해제합니다.