본문 바로가기

티스토리 꾸미기, 블로그 홈 화면에서 포스팅 제목 안 잘리게 하는 방법 (feat.라꼬스킨)

라라쿠키 2024. 8. 6.

이전 포스팅에서 티스토리 링크 포스트가드 제목 수정을 알려드렸는데요. 
이번엔 블로그 홈 화면에서 보이는 포스트 제목이 잘리지 않고 전체 노출될 수 있게 수정해 보겠습니다.

 

티스토리-꾸미기-제목-수정-노트북과-사람

블로그 홈 화면에서 포스팅 제목 다 보이게 하는 방법

티스토리-꾸미기-홈화면-제목-수정-완료한-화면-pc버전

 

홈 메인에서 보면 기본적으로 포스트 제목이 1줄입니다.
하지만 제목이 길 경우에는 잘려서 저는 2줄로 노출되게 수정하여 사용하고 있습니다.

 

티스토리-꾸미기-홈화면-제목-수정-완료-모바일버전

 

모바일버전에서도 제목이 잘리지 않고 잘 나오죠?
변경하실 분들은 차근히 따라와 주세요.

 


 

티스토리-꾸미기-홈화면-제목-수정-스킨편집

 

1. 블로그 설정에서 스킨 편집으로 들어갑니다.

 

티스토리-꾸미기-홈화면-제목-수정-html편집

 

2. html 편집 클릭

 

티스토리-꾸미기-홈화면-제목-수정-CSS편집

 

3. CSS 편집에서 Ctrl+F로 ".post-item .title" 찾기

4. 총 9개의 검색 중에서 3번째 부분을 수정하겠습니다.

5. 제가 줄 친 white-space: 부분을 찾아주세요.

6. 수정 전에는 "white-space: nowrap;"입니다. 여기에서 "nowrap" 부분을 "normal"로 변경합니다.

7. 적용 클릭합니다.

 

이렇게 적용하면 제목 부분이 모두 나타나게 됩니다.

잘 보이지 않으신다면 아래 파일에 텍스트를 적어놓았으니 필요하시면 사용하세요.

 

티스토리-꾸미기-홈화면-제목-2줄로-수정.txt
0.00MB

 

제가 사용하는 라꼬스킨에서 변경하는 방법이라 다른 스킨을 사용하시는 분은 다를 수 있음을 참고해 주세요. 감사합니다.

 

 

 

티스토리 꾸미기, 링크 포스트가드 제목 2줄로 변경하는 방법 (feat.라꼬스킨)

오늘은 외부링크든 내부링크든 포스팅에 추가하실 때 제목이 길어서 잘리는 부분을 해결하는 방법을 알려드리려고 합니다. 별로 어렵지 않으니 차근히 따라와 주세요~ 티스토리 링크 포스트가

cookie1000.com

 

티스토리 블로그 라꼬 스킨 PC 모바일 뷰, 글자 높이 간격(본문 문단) 수정하기

요즘 많은 분들이 라꼬 스킨을 사용하고 계신데요.라꼬 스킨이 성능도 좋은데 가성비가 좋아서 많이 추천되고 있죠. 저도 라꼬스킨을 만족하면서 사용 중입니다. 다만 모바일뷰로 보았을 때 글

cookie1000.com

 

티스토리 외부유입 브런치 작가 신청 팁과 합격 후기, 1일 만에 구글 상위 노출

티스토리 블로그를 하면서 외부유입을 통해 방문자를 늘리려는 시도로 브런치스토리 작가에 도전했다.감사하게도 한 번에 합격을 하고, 더불어 브런치에 작성한 글이 하루 만에 구글 상위에 노

cookie1000.com

댓글