워드프레스 GeneratePress 컬러 설정은 웹사이트에 색상을 입히는 설정입니다. 사용자가 원하는 색상을 입히기 위한 설정 이며, 다양한 설정의 설명을 통해 관리자의 이해력을 높이기 위해 포스팅 합니다. 컬러 설정에 대해 궁금하신 분은 확인 바랍니다.
GeneratePress 컬러 설정
Step 1. 관리자 메뉴 > 외모 > Color 선택합니다.
Global Colors
웹 사이트를 간단하게 색상을 지정할 수 있는 옵션입니다. 색상은 7가지 색상을 컨트롤하여 다양하게 사용 가능하며 7가지의 색상은 각각 역할이 있습니다.
- 대비 1 – 텍스트 색상을 변경합니다. (제목, 글 등)
- 대비 2 – 날짜 텍스트 색상을 변경합니다. (날짜 등)
- 대비 3 – 텍스트/테두리 색상을 변경합니다. (검색 테두리)
- 기본 1 – 하위 메뉴 색상 변경합니다.
- 기본 2 – 컨테이너 밖에 있는 색상을 변경합니다.
- 기본 3 – 컨테이너 색상을 변경합니다 (Body)
- Accent – 링크 색상을 변경합니다
※ 상단 그림의 화살표는 대표적으로 변경되는 위치만 그려 놓은 것이지만 이 상으로 변경되는 색상도 있으니 참고 하세요.
※ 이해 안되는 분은 아래의 영상을 보시면 될 것 같습니다.
그 외 색상 선택
그 외 색상은 Body, Top Bar, Header, Primary Navigation, Buttons, Content, Forms, Sidebar Widgets, Footer Widgets, Footer Bar, Back to Top 등 다양한 색상 설정 메뉴가 있습니다. 설정 메뉴에서 설정 위치를 그림으로 알려 드립니다.
Body 색상 설정
body 부분은 백그라운드 색상, 텍스트, 링크 등 색상 변경을 할 수 있는 설정 기능입니다.
Top Bar 색상 설정
Top Bar는 헤더 상단에 존재하기 때문에 Top Bar라 부르며, Top Bar Color를 변경하기 위해서는 윗젯의 Top Bar을 사용해야 컬러 설정을 육안으로 확인이 가능합니다.
Header 색상 설정
헤더 색상은 백그라운드, 사이트명, 사이트 태그라인 등 색상 설정을 할 수 있습니다.
Primary Navigation 색상 설정
메뉴 바 색상 설정입니다.
Buttons 색상 설정
버튼과 관련된 색상을 설정하는 곳 이며 예로 검색 버튼과 같은 것을 뜻 합니다.
Content 색상 설정
Content 백그라운드, 제목(H1), 중제목(H2), 소제목(H3, H4, H5, H6), 텍스트, 링크 등 세세한 설정을 할 수 있는 곳 입니다.
forms 색상 설정
댓글 작성란, 검색란 등 입력 할 수 있는 공간에 대한 색상 설정이며 아래와 이미지와 같습니다.
Sidebar Widgets 색상 설정
사이드바 색상 설정입니다. 사이드바 설정은 Layout > Sidebars 에서 설정 가능합니다.
Footer Widgets 색상 설정
댓글 하단에 있는 Footer 이며 위젯 설정은 위젯 > Footer widget1, 2, 3에 있습니다.
Footer Bar 색상 설정
하단에 있는 바 입니다.
Back to Top 색상 설정
버튼을 누르면 아래에 있는 스크롤 바를 맨 위로 올려주는 기능입니다.
마무리
간단하게 모든 색상을 8가지 색상으로 설정하려면 Global Colors로 설정하면 됩니다. 관리자가 좀 더 세세한 색상 표현을 하고 싶을 경우 아래에 있는 Body 부터 Back to Top 까지 설정을 할 수 있기 때문에 색상을 이용하여 테마를 다양하게 꾸밀 수 있다고 생각합니다.