쉽빠! 티스토리 북클럽 스킨 편집 (포스팅 제목 전체 나오는 방법)

안녕하세요. 벨라입니다.

티스토리 북클럽 스킨은 애드센스를 위한 티스토리 블로거에게 인기 스킨이죠? 하지만 북클럽 스킨을 그대로 사용하기엔 디자인의 한계가 있습니다. CSS와 HTML을 몰라도 누구나 쉽고 빠르게 북클럽 스킨 편집 방법 모두 알려드릴게요!  

 

 

---

북클럽 스킨 디자인의 한계

▲ 북클럽 스킨을 그대로 사용하기엔 디자인의 한계가 있습니다. 위 그림에서 보듯이 북클럽 스킨의 초기 세팅은 포스팅 제목이 길면 ... 으로 말줄임이 되도록 초기 세팅이 되어있습니다. 제목이 모두 보이지 않으면 어떤 글인지 짐작할 수 없기 때문에 블로그 이탈률이 높아집니다. 포스팅 제목 전체가 나오도록 수정해보겠습니다. 

---

북클럽 스킨 포스팅 제목 전체가 나오는 방법

▲ 관리자 페이지 → 꾸미기 →스킨 편집을 눌러주세요. 

 

▲ html 편집 버튼을 눌러주세요. 이곳에서 CSS편집을 하면 포스팅 제목 전체를 나오게 할 수 있습니다. 

 

▲ CSS를 클릭한 뒤 1164번 째 줄에 위치한 .post-item .title { 아래 있는 white-space: nowrap; 를 찾습니다. 

 

▲ white-space: nowrap; 을 white-space: normal;로 변경 후 적용합니다. 

 

▲ 포스팅 제목이 첫번째 줄에서 말줄임으로 생략되지 않고 모두 나오게 되었습니다. 

 

 

---

* 추가정보] 제목 아래 글 설명 줄이기 (3줄 → 2줄)

▲ 포스팅 제목아래 글 설명이 3줄이 조금 길어서 가독성이 떨어집니다. 설명글을 2줄로 줄이면 디자인이 깔끔해지고 가독성이 높아집니다. 

 

▲ CSS에서 2283줄에 위치한 .list-type-thumbnail .post-item .excerpt { 아래 위치한 height: 3.75rem;를 찾습니다. 

 

▲ height: 3.75rem;를 height: 2.75rem;로 변경 후 적용 버튼을 누르면 글 설명이 2줄로 변경됩니다.

 

 

---

티스토리 북클럽 스킨 편집하기 어떠셨나요? 생각보다 쉽고 재밌었지요~ 
오늘도 긴 글 읽어주셔서 감사합니다. 좋아요와 구독하기는 큰 힘이 됩니다~

 읽으면 도움이 되는 이전 글  

티스토리 북클럽 스킨을 추천 이유와 초기 세팅 방법

쉽빠! 티스토리 북클럽 스킨 꾸미기 (썸네일 크기변경 방법)

쉽빠! 티스토리 북클럽 스킨 편집 (제목 크기 및 투명도 조절 방법)