[스킨 수정] 티스토리 북클럽 스킨 '글 제목 잘리는 현상' 오류 해결 방법

북클럽 스킨 오류 해결

안녕하세요. 오늘은 북클럽 스킨 오류(?) 수정 방법에 대해서 알아보겠습니다. 티스토리를 저는 스퀘어와 북클럽 두가지로 운영해보고 있습니다. 아직까진 이렇다할 눈에 띄는 방문자 증가가 보이지는 않습니다. 정말 어렵네요. ㅠ.ㅠ

 

북클럽 스킨 제목 잘리는 현상

수익성 있는 블로그를 만들기 위해 지속적으로 수정해가면서 최적화된 사이트를 만들기 위한 방법을 포스팅하겠습니다. 가장 인기가 많고, 스킨을 변경하기 쉬운 스킨 중 하나가 바로 북클럽 스킨입니다. 북클럽 스킨은 말 그대로 책을 소개하는 방식으로 블로그가 제작되어 있습니다. 오늘은 글을 작성하면서 글 목록이 될때 제목이 길어서 아래 사진과 같이 잘리는 현상을 수정하는 방법을 알아보도록 하겠습니다. 크게 지장은 없겠지만, 그래도 제목이 다 나오면 좋겠죠?

 

제목 잘리는 증상 스킨 수정 방법

위 사진은 북클럽 스킨을 사용하고 있는 제 블로그입니다. 보시는 바와 같이 제목이 잘리고 있습니다. 제목이 잘리면 글의 내용을 유추하기 쉽지 않아, 위와 같은 오류를 수정해 주는 게 좋을 것 같습니다. 간단하게 수정하는 방법을 알아보고자 합니다. 

 

1) 티스토리 관리자 → 꾸미기 → 스킨편집 

스킨편집

▲ 자신의 티스토리 블로그 관리자 설정으로 스킨편집으로 들어갑니다. 

 

2) HTML 편집 → CSS

html편집 -> CSS편집

▲ HTML 편집을 클릭하고, CSS 항목을 클릭합니다. 

 

 

3) CSS 수정

반드시 css 코딩 내용 안에 마우스 클릭을 한 후, CTRL + F 을 이용하여 "post-item .title"을 검색합니다. 

▲ post-item .title 내부 소스중에 "white-space: nowrap;" 을  "white-space: normal;" 로 변경한 후에 적용을 눌러 주시면 제목 잘리는 현상이 사라집니다.  PC 버전과 모바일 버전 모두 제목이 잘리지 않고 전체가 표시됩니다. 

 

 

4) 수정 후 결과 비교

css 수정 후 결과

▲  위 그림과 같이 기존에 제목이 잘렸던 부분이 전체가 다 표시되어 나옵니다. 간단하게 CSS 수정하여 제목을 한 눈에 볼 수 있습니다. 

 

이상으로 북클럽 제목 잘리는 현상 오류 해결 방법에 대해서 알아보았습니다. 여러분들도 해보셔셔 아시겠지만 별로 어렵지 않죠? 저도 처음에는 어려웠지만 지속적으로 CSS를 수정하면서 능숙하게 다룰 수 있게 되었습니다. 다음 시간에 더 좋은 내용으로 다시 뵙겠습니다.