이전 글에서 티스토리 북클럽 스킨의 썸네일 조정에 대해 포스팅을 올렸는데 추가로 글 하단에 나오는 관련글의 썸네일 크기를 수정하는 방법에 대해서도 포스팅하도록 하겠습니다.
티스토리에 글을 작성하면 글 하단에 태그와 관련글이 보이게 됩니다. 혹시 관련글의 썸네일 잘리시는 분들은 아래와 같이 수정해 보시기 바랍니다.
관련글 썸네일 모양 수정
블로그관리 - html편집으로 이동하셔서 s_article_related로 찾으시면 453번대에 아래와 같이 나옵니다. 여기에서 C176 × 120을 C150 × 150으로 수정해 보시기 바랍니다. 적용과 새로고침을 해보시면 썸네일의 모양이 정사각형으로 바뀐 것을 알 수 있습니다.
관련글의 썸네일 모양은 정사각형으로 바뀌었는데 제목의 글자가 이미지 중간에 걸쳐 있는 것을 보실 수 있습니다. 그래서 이번에는 제목의 글자 위치를 수정해 보겠습니다.
관련글 제목 위치 조정
다시 CSS탭으로 가셔서 related-articles ul li figure로 검색하시면 1385번대에 height 부분이 나오는데 0으로 되어 있는 것을 3rem으로 수정해 주시기 바랍니다. 적용과 새로고침을 하시면 관련글의 썸네일과 제목이 하단에 잘 나오는 것을 확인할 수 있습니다.
이상으로 마치겠으며, 이 글이 도움이 되었으면 합니다.
티스토리 썸네일 크기 조정, 안짤리는법
티스토리 블로그를 북클럽 스킨으로 설정하고 글을 쓰면 홈 메뉴에 나오는 썸네일이 직사각형에 아래 사진 좌측처럼 위, 아래가 잘리는 경우가 생깁니다. 이를 오른쪽 사진처럼 변경하는 방법
dbc.sfanxi.com