본문 바로가기
IT 테크/Tistory

티스토리 블로그 북클럽 스킨 글 목록에 제목 전체 표시 방법(제목 잘림 수정 방법)

by barrogo 2022. 4. 7.
반응형

티스토리 블로그 북클럽 스킨 글 목록에 제목 전체 표시 방법(제목 잘림 수정 방법)

티스토리 제목 잘림 수정 방법 표지

 

지난 포스팅에서 북클럽(Book Club)”스킨 설정에 대하여 알아보았었습니다. 기본적인 설정은 다 끝났으나 앞서 포스팅에서 말씀드렸듯이 어떠한 스킨이든 간에 그 스킨이 100% 내 마음에 다 맞기란 쉬운 일이 아닐 것입니다.

 

그래서 오늘은 북클럽 스킨을 적용하고 블로그 글 목록에서 좀 더 가독성을 높이기 위한 작업으로 티스토리 블로그 북클럽 스킨 글 목록에 제목 전체 표시 방법(제목 잘림 수정 방법)”에 대하여 알아보도록 하겠습니다.

 

목차

1. 글 목록 제목 잘림 현상이란

2. 글 목록 제목 전체 표시하는 방법(제목 잘림 수정 방법)

 


 

1. 글 목록 제목 잘림 현상이란

 

티스토리 제목 잘림 현상

북클럽(Book Club)스킨을 적용하고 내 티스토리 블로그 글 목록을 확인하면 포스팅의 제목이 다 표시되지 않고, …과 같이 제목이 잘려서 표시되는 것을 확인할 수 있을 것입니다. 블로그 포스팅은 내용도 중요하지만 무엇보다도 제목이 주는 임팩트도 중요하기 때문에 이처럼 제목이 정확하게 노출이 되지 않는다면, 방문자들로 하여금 어떤 내용의 포스팅인지 보고 싶은 호기심이 떨어지기 마련입니다.

 

그렇게 되면 포스팅에 대한 정보 전달이 제대로 되지 않기 때문에 당연히 클릭률이 떨어지고 글 목록에서 가독성 또한 좋지 못하기 때문에 방문자의 이탈률이 늘고 체류시간이 줄 수밖에 없는 연쇄적인 효과를 가져올 수 도 있습니다.

 

물론 "뭐 제목 조금 표시 안된다고 큰일이 나겠어?"라고 할 수 있지만 블로그는 어디까지나 많은 방문자들로 하여금 내 포스팅을 읽게 하는 것이 목적이므로, 제목이 다 표기되지 않아서 본문의 내용에 까지 영향을 미칠 수 있다면 이 부분을 수정을 하는 것이 내 블로그에도 더 좋지 않을까 생각을 합니다. 

 

 

 

2. 글 목록 제목 전체 표시하는 방법(제목 잘림 수정 방법)

 

글 목록 제목을 전체 표시하는 방법은 생각 외로 매우 간단합니다. 아래의 방법을 잘 따라 하면 금방 수정하여 제목 잘림 문제를 해결할 수 있습니다.

 

티스토리 블로그 관리 홈
티스토리 스킨 편집

1. 내 티스토리 블로그 관리 홈에서 꾸미기 스킨 편집 순으로 들어갑니다. (블로그 관리 홈 → 꾸미기→ 스킨 편집)


티스토리 스킨 편집 html편집

2. 스킨 편집 화면으로 들어와서 오른쪽 상단 "html 편집"을 클릭합니다.


티스토리 스킨 편집 html편집 CSS

3. html 편집에서 상단 중앙에 "CSS"부분을 클릭하여, 창 아래에 커서를 두고 Ctrl+f 키를 누르고 검색란에 white-space 를 입력하여 엔터를 눌러줍니다. (CSS → Ctrl+f white-space 입력 후 엔터)


티스토리 CSS편집 white-space 수정
티스토리 CSS편집 white-space 수정

4. 여기서 white-space 를 검색하면 해당 단어가 여러 개 나오는 것을 확인할 수 있는데, "Ctrl+G(계속 검색)"를 눌러 계속 검색을 하여 1171번째행의 white-space를 찾아서 해당 값을 위의 그림과 같이 기본 nowrap;에서 normal;로 변경합니다.


티스토리 CSS편집 white-space 수정

5. white-space 의 변경이 완료되면 오른쪽 상단에 적용을 클릭하여 수정을 완료합니다.


티스토리 글 목록 제목 잘림 현상 해결

 

6. 수정 완료 후에는 왼쪽 미리 보기 화면에 "새로고침"을 클릭하여, 내 티스토리 블로그 글목록에 제목이 모두 표시되는지 확인합니다.


확인까지 완료하면 내 티스토리 블로그 글 목록의 제목 잘림 현상은 수정이 완료되었습니다. 티스토리 블로그 초보자라면 HTML이나 CSS라는 부분이 꽤나 복잡해 보일 수 있겠지만, 사실 오늘 "글목록 제목 잘림 현상 수정"은 복잡한 내용들을 몰라도 CSS에서 해당 단어를 찾아서 단어 변경만 하면 되는 손쉬운 작업이었습니다.


이상 오늘은 북클럽 스킨을 적용하고 블로그 글 목록에서 좀 더 가독성을 높이기 위한 작업으로 티스토리 블로그 북클럽 스킨 글 목록에 제목 전체 표시 방법(제목 잘림 수정 방법)”에 대하여 알보았습니다.

 

이제는 내 블로그 글 목록에서 제목이 모두 표시가 되어 클릭률 향상과 함께 내 블로그의 방문자의 이탈률을 막고 다른 정보들도 열람을 하면서 체류시간도 늘릴 수가 있을 것입니다. 물론 이 작업을 완료하였다 하여도 갑자기 모든 것이 확 변하지는 않을 것입니다. 하지만 한 계단 한 계단 올라가는 마음으로 내 블로그를 향상한다면 내 블로그의 발전 속도를 훨씬 앞당길 수 있을 것입니다.

 

티스토리 블로그는 양질의 포스팅이 가장 중요하지만 그 이외에도 신경 쓸 부분들이 꽤 많습니다. 처음에는 마냥 어렵게 느껴질 수 있는 부분들이 블로그에 대하여 공부하고 고쳐나가면서 이러한 부분들에도 꽤 보람을 느끼게 되는 것 같습니다. 앞으로도 공부해야 할 부분도 수정해야 할 부분도 참 많은 것 같습니다. 언젠가는 이러한 내용들 하나하나가 쉽게 다가올 수 있는 날이 빨리 오기를 바라며 오늘 포스팅 마무리하겠습니다.



[함께 읽으면 좋은 글]티스토리 블로그 추천 무료 스킨 북클럽(Book Club) 설정 방법

 

티스토리 블로그 추천 무료 스킨 북클럽(Book Club) 설정 방법

티스토리 블로그 추천 무료 스킨 북클럽(Book Club) 설정 방법  티스토리를 시작하면서 초기 세팅을 할 때 어떠한 스킨을 하는 것이 좋을까라는 고민을 한 번쯤은 해보셨을 것 같습니다. 스킨은 블

barrogo.tistory.com

 

 

 

[참고자료] 티스토리 블로그 참고

 

 

 

위 포스팅은 개인적인 생각을 정리하여 포스팅한 것입니다. 다른 의견이 있을 수도 있으니 참고만 하여주시면 감사하겠습니다.


반응형

댓글