본문 바로가기
IT 인터넷/티스토리(tistory)

티스토리 스킨편집: 북클럽 제목 색상 바꾸기

by SJ Moon 2023. 12. 20.
반응형
반응형

지난 번 블로그에서는 티스토리 스킨 중 북클럽이라는 것을 사용하여 회색의 제목 바탕으로 설정된 기본 회색을 인디언 핑크로 바꾸어 보았습니다. 오늘은 배경색이 밝은 색이고 보니 기본세팅된 흰색의 글씨가 잘 보이지 않아서 좀 더 진한 색으로 바꾸어보려고 합니다. 

 

지난 글- [티스토리(tistory)] - 티스토리 제목 배경 이미지 지우기

블로그 제목 색깔을 다른 색으로 바꾸는 방법 

티스토리의 스킨을 수정하는 것은 사용자 정의 CSS(Cascade Style Sheet)를 통해 가능합니다. 북클럽 스킨에서 기본으로 주어지는 흰색의 제목을 바꾸는 것은 먼저: 지난 번 블로그에서 다룬 배경색을 바꾸는 과정과 같습니다. 

 

1. 사용자 정의 CSS(Cascade Style Sheet) 로 가기 

  1. 티스토리 관리자 페이지에 로그인합니다. ->왼쪽 메뉴에서 꾸미기 -> 스킨 편집을 클릭합니다.

 

 

 

 2. 오른쪽 화면에 있는 북클럽 이미지 아래에 있는 html 편집을 클릭합니다.

티스토리 스킨편집: html 편집
티스토리 스킨:북클럽의  스킨 편집 화면

 

3. 이제 사용자 정의 CSS 설정으로 갑니다. 화면 오른쪽에 있는 CSS를 클릭합니다. 

CSS 편집화면
CSS 편집 화면

2. CSS 코드 작성:

북 클럽의 제목의 색깔의 변경사항을 반영하기 위해 CSS 코드를 변경 해야 합니다.  이 과정을 하기위해서는 위의 화면에서 키보드 단축키인 CTRL_F를 눌러주고, 아래에서 보여 주듯이 찾기 난에 'post-cover h1'을 입력한 후 Enter 키를 눌러줍니다. 

 

 1. 아래의 화면이 나타나면 color 부분에 체크된 곳을 보면 현재 #fff 라고 되었습니다. 이것은 흰색을 의미합니다.

post-color h1:color 흰색

2. 이제 이것을 다른 색으로 지정해 주는 방법은 Color: 다음에 RGB(13, 13, 13); 으로 아래와 같이 바꿔줍니다. 색상은 RGB color를 바꾸어주면서 확인해보고 원하는 색으로 바꾸어 주면 됩니다.

.post-cover color: rgb 값 변경
post-cover h1: color: rgb 값 변경

3. 이제 오른쪽 맨 위 코너에 있는 적용 버튼을 누릅니다.

CSS apply 버튼
CSS 적용 버튼

 

이제 여러분의 블로그로 가서 확인해 보시면 제목의 색깔이 바뀌어 있을 것입니다. 제목의 색상은 rgb color의 번호를 사용하여 바꿔줄 수 있습니다. 작은 것들이지만 바꾸고 싶은 것들이 있으면 이곳에 메세지를 남겨주세요. 그럼 계속해서 블로그로 답을 해보겠습니다.   

 

 

티스토리 스킨편집: 북클럽 제목 배경색 바꾸기

오늘은 티스토리 스킨 중 북클럽이라는 것을 사용하다 보니 처음에는 그냥 회색의 제목난에 흰색의 글씨가 나타나더군요. 몇 개의 글을 쓰고 난 후 왠지 제목난의 기본 배경색인 회색을 다른 색

sarahspace.tistory.com