티스토리 북클럽(Book Club) 스킨에서 포스팅 제목 짤림 현상 제거 방법

안녕하십니까?

지금까지 티스토리 블로그를 개설함에 따라 스킨 종류에 상관없이 공통적으로 적용되어야 하는 기본 세팅부터 포스팅을 진행해오고 있습니다. 그리고 기본 세팅 내용이 어느 정도 마무리되고 나서부터는 티스토리 북클럽 스킨을 처음 이용하는 입장에서 상당히 낯선 점도 많고 궁금한 점도 많아 이리저리 알아보고 공부하면서 여러분들께 도움될만한 내용들을 나름 자세하고 깔끔하게 정리해오고 있습니다. 그러다가 문득 저에게도 해결하고 싶은 궁금증이 하나 생기게 되었습니다.

그림에서 보이는 바와 같이 북클럽 스킨에서 포스팅 제목이 조금 길어지다 보면 작성한 그대로 모두가 보이는 것이 아니라 뒷부분이 살짝 잘리는 현상을 발견하였습니다. 그리고 이러한 현상은 사람들로 하여금 포스팅을 읽도록 하는 데 있어서 방해 요소로 작용하며 이는 곧 블로그 체류시간 저하라는 문제점을 야기하게 될 거라는 판단이 들었습니다. 왜냐하면 사람들은 포스팅 잘림을 보고 완결된 제목 전체가 궁금해서 포스팅을 들어오지는 않을 것이기 때문입니다. 그러면 포스팅 제목을 모두 표시할 수 있는 방법은 없을까 하는 의문점과 갈증에서 시작하여 여러 방면에서 알아보던 중 아주 손쉽게 저와 같은 컴맹도 이 문제를 해결할 수 있는 방법을 알게 되었습니다. 그래서 이번 포스팅에서는 티스토리 북클럽 스킨에서 포스팅 제목이 잘리는 현상을 방지하는 방법에 대해서 설명해드리도록 하겠습니다. 아주 쉽고 그리고 지금까지 그래 왔듯 아주 자세하고 세밀하게 설명드릴 테니 이 문제로 고생하시는 많은 분들 그대로 따라 해 주셔서 포스팅 제목을 모두 표시되도록 설정하는 데 성공하셨으면 좋겠습니다.

티스토리 블로그 북클럽(Book Club) 스킨에서 포스팅 제목 짤림 현상을 해결하는 방법에 대해서 설명드리겠습니다.

티스토리 북클럽 스킨에서 포스팅 제목 짤림 현상 제거 방법

1. 티스토리 블로그 '관리자'페이지로 접속해줍니다.

2. 좌측 사이드바 메뉴에서 '꾸미기' 카테고리의 '스킨 편집' 항목을 클릭해줍니다.

3. 그럼 화면이 좌우 두개의 영역으로 분할되는 것을 볼 수 있는데 좌측 화면은 스킨 편집을 마쳤을 때 적용될 스킨의 모습을 미리 보여주는 화면이고 우측 화면은 실질적으로 스킨 편집이 이루어지는 '스킨 편집'화면 되겠습니다. 우측 '스킨 편집' 화면에서 'html 편집'이라는 버튼을 클릭해줍니다.

4. 상단 'html', 'CSS', '파일 업로드' 중 중앙에 있는 'CSS' 카테고리를 클릭해줍니다.

5. 'post-item .title' 부분을 찾아줍니다.

'post-item .title' 부분을 찾는 방법 2가지를 소개해드리겠습니다. 편한 방법으로 골라서 해주시면 되겠습니다. 첫 번째 방법을 소개해드리겠습니다. 'CSS' 카테고리의 코드들은 거의 변화시키는 경우가 드물고 변화를 준다 해도 각각의 뼈대가 되는 부분들의 행의 변화는 거의 주지 않는 만큼 기본 세팅과 그 골격이 유사하다고 생각해도 좋습니다. 그러므로 기본 세팅상에서 1164번째 행에 해당 부분이 있다는 것에서 착안하여 1160번째 행에서 1170번째 행 근방에서 직접 'post-item .title' 부분을 찾아주는 것입니다. 두 번째 방법을 소개해드리겠습니다. 'CSS' 카테고리에 접속한 상태에서 ['Ctrl'키+'F'키]를 동시에 눌러주시면 뜨는 검색창에서 'post-item .title'의 일부에 해당하는 'post-item'을 입력해줍니다. 그리고 우측 아랫방향의 화살표를 눌러가며 'post-item .title' 부분을 찾아주는 것입니다.

6. 'post-item .title' 부분에서 'white-space' 부분을 찾아 'nowrap'을 'normal'로 수정해주십시오.

7. 우측 상단의 '적용' 버튼을 클릭해줍니다.

8. 그리고 블로그 홈 화면으로 돌아와서 지금까지의 수정 결과가 성공적으로 적용된 모습을 확인해주시면 되겠습니다.

각 리스트 타입별 적용 결과 모습

1. 북리뷰

'북리뷰' 리스트 타입에서 적용된 포스팅 제목 상태의 모습입니다.

2. 베스트셀러

'베스트셀러' 리스트 타입에서 적용된 포스팅 제목 상태의 모습입니다.

3. 뉴북

'뉴북' 리스트 타입에서 적용된 포스팅 제목 상태의 모습입니다.

4. 뉴스레터

'뉴스레터' 리스트 타입에서 적용된 포스팅 제목 상태의 모습입니다.

즉, 티스토리 북클럽(Book Club) 스킨의 모든 리스트 타입에서 이번 포스팅 수정 방법으로 제목 잘림 현상이 제거된다는 것을 확인할 수 있습니다.

마무리

이상으로 티스토리 북클럽(Book Club) 스킨에서 포스팅 제목이 잘리는 현상을 방지하는 방법에 대한 설명을 마치겠습니다. 티스토리 북클럽(Book Club) 스킨을 이용하다 해당 문제로 난감하셨던 모든 분들께 유용한 도움될 수 있는 포스팅 내용이 되었으면 좋겠습니다. 컴맹도 차근차근 보고 따라 할 수 있게끔 하나하나 자세하게 설명드려보았으니 천천히 그대로만 따라 해 주신다면 해결하기를 원했던 포스팅 제목 잘림 문제는 말끔하게 처리되리라 확신합니다. 설명상 내용이 길어진 것일 뿐 실제로 해보면 1분도 채 안 되는 아주 간단한 작업인 만큼 그리고 한 번 설정해두면 해당 블로그 내에서는 다시는 손댈 일이 없는 설정인만큼 꼭 설정해주셔서 작성하신 포스팅의 방문자 유입에 많은 도움받으시길 바랍니다. 그럼 다음에 또 유용한 내용의 포스팅으로 다시 찾아뵙겠습니다. 감사합니다.