안녕하세요. 오늘은 티스토리 간단한 스킨 편집에 대하여 설명을 드리려고 합니다. 설명드리기 앞서, 자신의
티스토리 스킨이 배포스킨이라면 해당 스킨이 수정 가능하게 배포되었는지 확인하시는 것도 중요한 거 같습니다.
CSS와 F12를 활용하여 간단하게 자신의 원하는 부분에 색깔과 폰트 수정이 가능합니다!
원하는 부분 글씨 색깔 변경 방법
① 제 티스토리를 기준으로 두겠습니다. 처음에 F12를 클릭하게 되면 아래와 같은 화면이 나옵니다.
복잡하다고 생각하지 마시구, 오른쪽 기준으로 편집을 진행한다고 생각하시면 됩니다.
② CSS 편집란을 활용할것인데요. CTRL + SHIFT + F12 버튼을 눌러준 후 아래와 같이 파란색 테두리 같이 뜨게 됩니다. 이것을 활용하여 원하는 부분에 컨트롤+쉬프트+F12 버튼을 눌러줍니다. 저는 목차란을 선택해 볼게요.
③ 원하는 부분 클릭 후에 , 아래 오른쪽 CSS 편집란 부분을 보신 후 아래로 내리시다보면 color 표시가 있을 거예요.
해당 부분을 클릭하여 원하는 색깔을 클릭해 줍니다.
여기서 주의할 점은, 적용된 예시를 보는 것입니다. 이 부분을 수정한다고 해서 편집되지 않습니다.
④ 이제, 색깔 변경을 해보셨다면 진짜로 본인의 티스토리 편집을 진행해야겠죠. 아래와 같이 color 위에 있는
body { 를 복사해 줍니다. 아마 원하는 부분마다 다 위 css 태그들이 다를 거예요. 그 태그를 복사하면 됩니다.
⑤ 복사 후 본인 티스토리 스킨 편집에 들어갑니다. CSS 편집란에 들어가 주신 후 검색에 위에 복사했던 태그를
검색해 줍니다. 아래와 같이 CSS 편집란과 동일하게 뜨게 되고요. 저는 body }로 검색했을 때 나오지 않아서
위에 태그를 검색해 주었습니다. 안 나오실 경우 포기하지 마시고 위에 태그를 복사 후 검색 해보세요!
⑥ 글씨 색깔을 변경 후 적용을 누르시면 아래와 같이 변경되시는 모습을 볼 수 있습니다. 저 같은 경우 목차가, 전체 글 색깔과 태그가 맞물려 있다 보니 같이 변경되었습니다.
이렇게 원하시는 부분에 색깔을 위와 같이 커스텀하시면 될 것 같아요.! 주의하실 점은 꼭 본인 티스토리 예비 블로그를 창설해서 거기에 똑같은 스킨을 적용 후 테스트 한 후 적용하시길 바랍니다. CSS 편집이다 보니 비전공자인 저는 스킨을 몇 번이나 갈아버렸습니다.
1. 티스토리 스킨 편집
2. 티스토리 스킨 커스텀
3. 티스토리 글씨 색깔 변경
같이보면 좋은 글