컬러셋 및 모서리 형태 설정하기

Thumb Usefule Knowledge
컬러셋

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

 

클래스 이름 주 색상
jetcraft-color-default
 
jetcraft-color-violet
 
jetcraft-color-blue
 
jetcraft-color-purple
 
jetcraft-color-olive
 
jetcraft-color-orange
 
jetcraft-color-magenta
 
jetcraft-color-dark
 

 

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

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

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

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

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

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

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

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

유용한 정보 카테고리의 더 많은 글

페이지에서 헤더와 사이드바 없애기 0 2025년 2월 22일
사이트 너비와 가장자리 여백 변경하기 0 2024년 11월 21일
검색어 입력폼 내부 텍스트 변경하기 0 2024년 11월 18일
사이드바에 엘리멘터 템플릿 사용하기 0 2024년 11월 16일
사이드바 Sticky 효과 조절하기 0 2024년 11월 13일