본문 바로가기
블로그

북클럽 목록 리스트 뉴북 정사각형 썸네일 1분만에 수정하기

by 부업선생 2023. 4. 15.

티스토리 북클럽(Book Club) 스킨 목록 리스트 타입 중에서 뉴북타입을 가장 선호하십니다.

 

 

하지만 뉴북타입의 썸네일은 기본설정이 정사각형이 아니기 때문에 포스팅 시 만드는 정사각형 썸네일과 맞지 않아 글자가 잘려서 보이게 됩니다. 

 

뉴북-섬네일-글자-짤리는-모습의-사진

 

예시로 한번 만들어 봤습니다. 이처럼 글자가 잘려서 깔끔하게 출력되지 않습니다. 그럼 뉴북타입의 썸네일을 정사각형으로 1분 만에 수정하는 방법을 알아보겠습니다.

 

 

북클럽-뉴북-수정하기-썸네일

 


 

뉴북타입 설정하기

 

 

블로그 관리자 페이지에서 꾸미기 ▷ 스킨 편집으로 들어갑니다. 스킨 편집 화면에서 목록 타입을 뉴북으로 설정하여 적용을 누릅니다.

 

스킨편집-목록-뉴북타입으로-설정하는-사진

 

 

HTML 편집에서 수정하기

 

 

html편집-클릭하는-모습의-사진

 

HTML 편집으로 들어가 빈 곳을 한번 클릭한 후 [Ctrl + F] 단축키를 입력한 후 검색창에's_article_rep_thumbnail'를 입력합니다.

 

바꿔줘야할-단어를-찾기위해-검색하는-사진

 

 

다음과 같은 's_article_rep_thumbnail' 밑에 줄에 기본으로 'C230 ×300'으로 되어있을 겁니다.

이것을 'C300 ×300'으로 바꿔준 후 적용을 눌러줍니다. 

 

바꿔-줘야-하는-숫자를-찾아서-바뀐-모습의-사진

 

그러면 이처럼 정사각형 썸네일로 깔끔하게 출력됩니다. 

 

뉴북-타입-섬네일-정사각형으로-바뀐-모습의-사진

 

간단하게 다시 설명하면

 

HTML편집 ▷ Ctrl+F ▷ 's_article_rep_thumbnail' 입력 ▷ 밑줄 'C230 ×300'→'C300 ×300' 변경 적용 ▷ 뉴북 타입 섬네일 정사각형 변경 완료 

 

이처럼 1분이면 끝납니다.

 

 

티스토리 북클럽 목록 리스트 뉴북 섬네일 정사각형으로 수정하기에 대하여 알아보았습니다. 다음 포스팅에서도 가타부타 설명 길게 하지 않고 간단하게 찾아뵙겠습니다. 

 

댓글


TOP

Designed by 티스토리