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

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 5의 컬러셋 클래스를 변경합니다. 해당 php 코드는 문서의 body 요소에 원하는 클래스를 추가할 때도 사용할 수 있습니다.

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

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

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

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

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

사이트 너비와 가장자리 여백 변경하기 0 2024년 11월 21일
검색어 입력폼 내부 텍스트 변경하기 0 2024년 11월 18일
사이드바에 엘리멘터 템플릿 사용하기 0 2024년 11월 16일
사이드바 Sticky 효과 조절하기 0 2024년 11월 13일
메뉴 아이템을 강조하거나 이미지로 설정하기 0 2024년 11월 12일