, 티스토리 북클럽 블로그 간편 CSS 수정으로 제목 잘림 해결하기!
본문 바로가기
티스토리

티스토리 북클럽 블로그 간편 CSS 수정으로 제목 잘림 해결하기!

by cocoelda 2024. 5. 25.

티스토리 모바일에서 글 제목이 잘리는 경우, 독자들의 시선을 사로잡는 데 방해가 될 뿐만 아니라, 글 전체적인 품격을 떨어뜨릴 수 있습니다. 하지만 걱정하지 마세요! 간단한 CSS 코드 수정만으로 이 문제를 해결할 수 있습니다.

 

 

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

 

1. 제목 잘림 수정해야 하는 이유

사용자 경험 저하:

제목이 잘리면 독자들이 글의 내용을 파악하는데 어려움을 겪을 수 있습니다. 특히, 중요한 키워드가 잘린 경우, 글에 대한 관심을 잃을 가능성이 높아집니다.

 

비전문적인 디자인:

제목 잘림은 티스토리 블로그가 비전문적이고 정교하지 않은 인상을 줄 수 있습니다. 깔끔하고 세련된 디자인을 유지하기 위해서는 제목이 완전히 보이는 것이 중요합니다.

 

SEO에도 영향:

일부 검색엔진은 잘린 제목을 인식하지 못하여 검색 결과에 노출되지 않을 수 있습니다. 따라서, 제목 잘림은 SEO에도 부정적인 영향을 미칠 수 있습니다.

 

 

2. 북클럽과 뉴북 설정 시 제목 잘림

- 꾸미기에서 스킨편집에서 리스트에서 리스트타입을 북리뷰로 설정 후 제목 잘림 수정전 후입니다.

 

리스트-타입-북-리뷰
리스트-타입-북-리뷰

 

 

리스트-타입-북-리뷰-수정-후
리스트-타입-북-리뷰-수정-후

 

 

- 꾸미기에서 스킨편집에서 리스트에서 리스트타입을 뉴북으로 설정 후 제목 잘림 수정전 후입니다.

 

리스트-타입-뉴북-수정-전
리스트-타입-뉴북-수정-전

 

 

리스트-타입-뉴북-수정-후
리스트-타입-뉴북-수정-후

 

3. 제목 잘림 수정 방법

  • 티스토리 블로그 관리 홈 페이지로 이동합니다.
  • 꾸미기 > 스킨 편집> HTML 편집으로 이동합니다.
  • CSS 메뉴를 클릭합니다.

. post - item. title  {  부분의 white - space: nowrap;  →  normal; 로 변경 후 적용합니다.

 

 

nowrap normal

 

CSS에서-수정
CSS에서-수정

 

 

간단한 CSS 수정으로 티스토리 제목 잘림 문제를 해결하고, 사용자 경험을 향상할 수 있습니다. 위에 제시된 방법을 참고하여 문제를 해결하세요.