(초간단)북클럽 스킨 제목, 주제 전부 노출 하기!

목차

• 1 수정 전
• 2 제목 전부표시 방법
• 3 수정 전/후 비교

안녕하세요! 두부김치입니다.

 

이번에는 티스토리 북클럽 스킨에서 제목이 전부표시 되도록 하는 방법에 대해 공유드립니다.

 

 

 

1. 수정 전

 

수정전 상황입니다.

아래 이미지처럼 제목이 전부 노출이 안되고 '...'으로 표시가 되어 있어 아쉬운 상황이었습니다.

 

 

 

2. 포스팅 제목 전부 표시방법

 

이제, 제목이 전부 표시되도록 수정을 해보겠습니다.

 

1) 스킨편집 - HTML 편집을 클릭합니다.

html 편집

 

2) CSS로 들어가 주세요

3) Ctrl + F로 찾기를 활성화해 주세요

4) post-item. title 부분에서

• white-space: nowrap; line-height: 1.4; 이 부분을 아래와 같이 주석처리해 주세요
• /* white-space: nowrap; line-height: 1.4; */

양끝에 /* ,  */ 이렇게 해주시면 주석처리되어 해당 코드는 실행이 안 됩니다.

 

5) 그리고, 아래코드를 넣어주세요(첨부파일 추가)

  display: -webkit-box; 
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical; 

제목 전부표시.txt

0.00MB

다운로드하여서 사용하세요(코드)

 

코드 적용완료

 

3. 수정 전/후 비교

 

수정 전과 비교해 보시면 포스팅의 주제가 전부 표시되어 내용전달이 훨씬 좋아 보입니다.

 

 

수정이 완료되어 주제가 잘보임

 

 

 

이번에는, 티스토리의 포스팅 주제가 전부표시되도록 수정하는 CSS 편집하는 방법을 알아보았습니다.

힘들게 작성한 글이 처음 보이는 제목부터 제대로 안 보이면 안 되겠죠!

유용하게 활용하시기 바랍니다.