카테고리 없음

[티스토리 Tip] 포스팅 제목 잘림, 제목 줄과 글자수 늘리기

Rich papa 2021. 2. 23. 23:49

 

안녕하세요, 부자아빠(Rich papa)입니다!

 

오늘은 포스팅 제목이 자꾸 잘려 나오는 문제가 있어

이걸 해결해보도록 하겠습니다.

 

포스팅 본문 상단 제목 잘림

 

아래와 같이 포스팅 본문에 들어갔을때, 상단 제목이 짤리는 경우 해결방법!

 

상단 제목 잘린 화면

 

1. 꾸미기 > 스킨편집 > HTML편집

 

 

 

 

 

2. CSS > ctrl + F > title-article 검색 > 2787 행으로 이동

 

 webkit-line-clamp: 2; -> 5;이상으로 변경  

위 수치를 5로 수정하면 5줄까지 텍스트가 나온다음에 잘립니다.

 

 

 

 

제목을 아주아주 길게 쓰신다면 더 늘리시면됩니다.

 

아래와 같이 해결된 모습을 볼 수 있습니다.

 

제목 잘림 해결된 모습

 

 

 

 

 

포스팅 리스트에서 제목 잘림

아래와 같이 포스팅 본문에 들어갔을때, 상단 제목이 짤리는 경우 해결방법!

 

 

포스팅 리스트에서 제목 잘린 화면

1. 꾸미기 > 스킨편집 > HTML편집

 

2. CSS > ctrl + F > article-type-common 검색 > 2277행으로 이동

 

 max-height : 24 px ->100 px로 변경

포스팅 제목이 나오는 공간을 늘려주는 겁니다. 이걸 늘리지 않으면 줄수는 늘지만 화면이 좁아서 잘린 제목이 나와요

webkit-line-clamp: 1; -> 5;이상으로 변경  

제목의 line수를 늘려주는 겁니다. 길게쓰시면 더 늘리셔도됩니다.

 

 

포스팅 리스트 제목 잘림 해결된 모습

 

 

하루하루 블로그 포스팅을 하면서 생기는 문제를 해결하면서 정리하여 공유드리고 있습니다.

 

모두 무럭무럭 잘크는 티스토리가 되시길 !

 

궁금하신 점 댓글 달아주시면 아는 범위에서는 최대한 알려드리겠습니다!

 

구독도 부탁드려요!