티스토리 블로그 - 관련글의 제목이 안짤리게 변경하는 방법

관련글 제목

티스토리 블로그를 사용하면서 이것저것 내맘에 들게 변경을 하게 됩니다. 이번에는 제마음속에 자꾸 걸리는 '관련글 제목 짤림' 현상을 없애고 관련글에도 제목이 모두 보이게 설정하는 방법을 알아보고자 합니다. 같이 하실까요? ㄱㄱ

 

 

따라해보세요

아래의 캡처이미지를 보시면 관련글의 제목이 한줄로 요약되어 다 보이지않아 방문자가 볼때 어떤 내용인지 정확하게 알 수가없죠? 이런 현상을 방지하고자 제목을 다 보이게 바꾸어줄겁니다. 

 

 

1. 블로그 관리자 페이지 → 스킨편집 → CSS편집으로 이동하세요

 

 

2. CSS편집창 아무데나 클릭하고 Ctrl+F 단축키를 눌러 검색창에 related-articles ul li .title를 검색하여 위치를 찾습니다. 동영상을 보시면 이해가 쉬울것 같습니다.

 

 

 

 

3. 찾은 related-articles ul li .title 아래를 확인하시면 white-space: nowrap;을 white-space: nomal; 로 변경해주세요.

 

변경 전

변경 후

 

4. 적용버튼을 꼭 누르고 제대로 설정이 되었는지 확인해보세요. 저는 제대로 잘 적용되어 제목이 모두 표시가 되고 있습니다. 

 

 

여러분들도 쉽게 적용하여 원하는 제목짤림현상을 수정해보세요. 방문자의 다른글읽기를 유도하는데 도움이 될것 같습니다. 오랫동안 내 블로그에 머물고 다른글도 많이 읽어줘야 수익도 늘어나고 블로그지수에도 도움이 됩니다.

 

 

참고하세요

• 이 글은 티스토리블로그 카테고리에 있습니다.
• 어필리에이트 활동으로 수익금을 받을 수 있습니다.

 

 

공감과 댓글

♥공감 하나와 소통하는 댓글 하나가 저에게는 큰힘이 됩니다.