티스토리 블로그 긴 글제목 전체표시 하는 방법 (북클럽스킨)

긴 글제목을 모두 표시합니다. 왜냐하면, 목록에서 제목이 긴 경우 (...)로 표시되어 제목이 잘리는 문제가 발생합니다. 예를 들어 nowrap을 normal로 변경하면 (...) 됩니다. 따라서 블로그의 가독성을 높이기 위해 nowrap 속성을 css에서 변경합니다.

 

 

목차

 

---

티스토리 블로그 긴 글제목 전체 표시하는 방법(북클럽 스킨)

 

티스토리-블로그-긴-글제목-전체표시-하는-방법(북클럽스킨)

 

 

 

---

긴 글 제목...으로 표시되는 문제

다음과 같이 긴 글 제목이 (...)으로 표시되는 문제가 있습니다. 글의 제목이 축약되어 표시되면 글의 내용을 파악하는데 어려움이 있습니다. 따라서 (...) 속성인 nowrap을 변경합니다.

 

긴-글제목-축약으로-표시되는-문제

 

 

 

 

 

---

 

CSS 수정하기

nowrap을 normal로 변경하기 위해 CSS 편집에 화면으로 들어갑니다. 

 

(1) 꾸미기>스킨 편집을 클릭합니다. 

(2) 스킨편집 화면에서 html 편집을 클릭합니다. 

(3) css 탭을 클릭하고, CTRL+F로 post-item을 검색합니다. 

 

 

post-item-검색-화면

 

 

다음과 같이 수정합니다. 1172 라인의 white-space:nowrap을 white-space:normal로 변경합니다.  적용버튼을 클릭하여 스킨편집을 종료합니다. 

 

css수정전-수정후-화면

---

 

CSS 수정 전후 비교

정상적으로 normal 속성이 적용되었는지 블로그를 접속해서 확인합니다. 다음과 같이 (...) 대신 전체 글이 나타납니다. 

 

css수정전-수정후-비교화면

 

 

 

 

 

---

 

마무리

읽기 쉽고 의미전달을 위해 긴 글제목을 모두 표시하도록 수정하였습니다. 왜냐하면, 목록에서 제목이 긴 경우 (...)로 표시되어 제목이 짤리는 문제가 발생합니다. 예를 들어 nowrap 을 normal 로 변경하면 (...) 됩니다. 따라서 블로그의 가독성을 높이기 위해 nowrap 속성을 normal css 속성을 변경하였습니다. 

 

간단한 방법이지만, 효과는 좋습니다.