블로그에는 방문자가 클릭하면 지정된 페이지로 이동하는 링크 요소가 몇 가지 있다. 이를테면 브레드 크럼이나 사이드바의 최신 글 제목/카테고리 이름, 본문 글에 추가한 url 등이 있는데 설정을 통해 링크 글자 색깔을 변경할 수 있다.
GeneratePress 마케터 테마 적용 후 본문과 사이드바 설정을 마치면 위처럼 클릭 요소가 모두 파란색으로 보일 것이다.
관련 글
GP 마케터 테마 화면 영역 비율 조절하는 방법
GP 마케터 테마 글 본문에 브레드 크럼 태그 만드는 방법
GP 마케터 테마 사이드바 카테고리 목록 추가하는 방법
링크 색깔 변경을 하려면 먼저 대시보드 – Appearance – customize – Colors로 온 다음, Body 항목의 Link 색을 변경하면 된다.
참고)
– Background : 글 Body 영역 배경색
– Text : 글 본문 글자색
– Link 앞 : 링크색 / Link 뒤 : Hover 색 (마우스를 올릴 때 색 변함)
이 글에서는 예시로 녹색으로 변경하였지만, 변경 내용이 적용 안 된 부분이 있다.
– 글 본문 영역 : 브레드 크럼의 Home 부분
– 사이드바 영역 : 최신글, 카테고리 목록
– 페이지 영역 : 공지사항으로 만든 페이지 글 안의 url 링크
Customizing – Colors 창 위쪽을 보면 컬러 아이콘이 여러 개 있을 것이다. 뒤에서 세 번째 파란색 클릭 후(accent-2) 조금 전 녹색 컬러코드를 입력하면 나머지 요소도 색깔 적용이 가능하다.
앞서 본문 브레드 크럼과 사이드바의 모든 영역은 GP 테마의 Element로 만들었는데 개별 링크 요소의 색깔 설정도 Element 창에서 진행하면 된다.
대시보드 – Appearance – Element – Sidebar의 Edit 화면으로 오면 조금 전 설정한 녹색이 자동으로 지정되어 있다.
먼저 공지사항 글(Paragraph)과 최신 글 요소를 클릭한 다음, 오른쪽 창에서 원하는 색으로 바꾸면 된다. Link창 앞은 글자색이고 뒤는 Hover 색깔인 점 참고하자.
* 공지사항 글은 Paragraph을 선택하면 오른쪽 창에 Hover 옵션이 없는데, 상위 컨테이너를 선택하면 Link 색깔에서 둘 다 설정 가능하다.
사이드바 맨 아래 카테고리는 색깔이 두 개로 나오는데 해결 방법은 간단하다.
카테고리 요소인 ‘Categories List’를 클릭하면 색깔 옵션이 나오지 않아서 바로 위의 컨테이너 선택 후 오른쪽 창의 Colors에서 변경해야 한다.
– Text : 이름 앞의 큰 점과 이름 뒤 포스팅 숫자로 기본은 검은색
– Link 앞 : 카테고리 글자색 / Link 뒤 : 마우스 Hover 색
위는 예시로 보라색으로 설정한 모습이지만, 원하는 대로 설정하면 무난하다. 작업을 마치고 저장 버튼을 클릭하면 블로그에 적용된다.
추가로 앞에서 Element로 브레드 크럼을 만들었다면 글 페이지를 열고 같은 방법으로 Home과 Term(카테고리) 색을 바꾸면 된다. 자세한 색깔 설정 방법은 아래 글을 참고하자.
관련 글
GP 마케터 테마 글 본문에 브레드 크럼 태그 만드는 방법
워드프레스 본문 페이지 링크 글자 highlight 효과 적용 방법
