컬러셋 및 모서리 형태 설정하기
- 카테고리 유용한 정보
- 작성일 2024년 11월 12일
컬러셋
사전 정의 된 컬러는 총 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
컬러셋을 사용한다는 가정 하에 관리자 화면
→ Appearence
→ Customize
→ Additional 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일 |