[티스토리] 북클럽 스킨 가독성 상승 (제목 전체 노출, 관련글 제목 노출)

티스토리_블로그_썸네일
티스토리_블로그_썸네일

 

안녕하세요. 이번 포스팅은 북클럽 스킨을 수정해 가독성을 상승시키도록 하겠습니다. 

북클럽 스킨에서는 제목이 전체 노출되지 않는데 CSS 수정을 통해 제목을 전체 노출시키고, 관련글 노출도 제목이 나오게 수정하도록 하겠습니다. 

 

목차:
1. 북클럽 스킨 제목 전체 노출, 말줄임표 x
2. 북클럽 스킨 관련글 제목 전체 노출

 

 

1. 북클럽 스킨 제목 말줄임표 

 

북클럽 스킨을 수정하겠습니다.

기본 북클럽 스킨은 하단 좌측 사진처럼 제목이 잘리고 말줄임표로 나타나게 됩니다. 

수정을 통해 우측 사진처럼 제목이 다 나타나게 하겠습니다. 

 

북클럽_스킨_말줄임표북클럽_스킨_말줄임표_완료
북클럽_스킨_말줄임표_완료 좌측 사진:수정 전 우측 사진:수정 후

 

블로그 관리 페이지 > 꾸미기 메뉴 > 스킨 편집 > HTML 편집을 클릭합니다. 

상단 CSS 메뉴를 선택하고 CTRL+F를 통해 .post-item.title을 검색합니다. 

제 기준 1172번째 줄에 있는 white-space: nowrap; ➡ white-space:normal; 로 수정합니다. 

 

북클럽_스킨_수정북클럽_스킨_수정완료
CSS 수정

 

2. 관련 글 제목 전체 노출

 

포스팅에 노출되는 관련 글 제목도 수정하겠습니다. 

하단 좌측 사진이 수정 전, 우측 사진이 수정 후 입니다.

이번에도 CSS 편집을 통해 수정하겠습니다. 

 

관련글_수정전 관련글_수정후
티스토리_관련글_제목노출

블로그 관리 페이지 > 꾸미기 메뉴 > 스킨 편집 > HTML 편집을 클릭합니다. 

상단 CSS 메뉴를 선택하고 CTRL+F를 통해 .related-articles ul li.title을 검색합니다. 

제 기준 1403번째 줄에 있는 white-space: nowrap; ➡ white space:normal; 로 수정합니다. 

 

관련글_html_수정관련글_html_수정완료
관련글_html_수정

 

함께 보면 좋은 글 추천

 

나도 이제 디지털 노마드❗ 애드센스 승인 후기

✔ 네이버 유입을 늘리려면 네이버 서치 어드바이저 등록

 

 

전문 블로그는 아니기 때문에 오류가 있을 수도 있습니다.
오류가 있을 시 댓글 달아주시면 확인 후 수정하도록 하겠습니다.
😃너그럽게 봐주시면 감사하겠습니다.😃

 

많은 의견을 나누고 배우고 싶습니다.
🙏공감과 댓글, 구독 신청 많이 부탁드립니다.🙏