티스토리 북클럽(Book Club) 스킨을 적용하면 그림과 같이 포스트 제목 아래에 글쓴이 이름과 글 발행 날짜가 표시됩니다.
저는 사용자 이름은 삭제하고 글 작성 일자 옆에 댓글 개수를 표시했습니다. 그리고 클릭하면 댓글 섹션으로 이동하도록 수정했습니다.
이와 같이 변경하려는 경우 스킨을 약간 수정하면 됩니다. 먼저 티스토리에 로그인한 후에 꾸미기 > 스킨 편집 > html 편집 >HTML으로 이동합니다.
위와 같은 화면이 표시되면 Ctrl + F를 눌러 background-image:url([##_article_rep_thumbnail_raw_url_##])을 검색합니다. 바로 아래에 보면 다음과 같은 코드가 있습니다.
<span class="author">by [##_article_rep_author_##]</span>
<span class="date">[##_article_rep_simple_date_##]</span>
위의 부분을 다음과 같이 변경합니다.
<span class="date">[##_article_rep_simple_date_##] <a href="#tcommentscount">댓글 <s_rp_count>[##_article_rep_rp_cnt_##]</s_rp_count>개</a></span>
Author 부분을 그대로 두고 싶다면 <span class="author">by [##_article_rep_author_##]</span> 라인은 삭제하지 않도록 합니다.
그런 다음 <div class="comments">를 검색합니다.
<div class="comments">
이 부분을 다음과 같이 수정하도록 합니다.
<div id="tcommentscount" class="comments">
이제 저장한 후에 개별 글을 살펴보면 댓글 개수가 표시되고(댓글이 없으면 '댓글 0개'가 표시되고, 댓글이 3개이면 '댓글 3개'가 표시됨) '댓글 O개' 부분을 클릭하면 댓글 섹션으로 스크롤됩니다.
이 블로그에서는 북클럽 스킨을 수정하는 몇 가지 방법을 하나씩 올리고 있습니다. 기본적인 사항이지만 북클럽 스킨을 수정하려는 경우 참고하시기 바랍니다.
※ 위에서 설명한 내용은 다른 티스토리 스킨에서도 동일하게 적용이 가능합니다. 하지만 스킨에 따라 댓글 개수를 표시하는 치환자가 작동하지 않을 수도 있습니다.
참고:
※일부 글에 제휴 링크가 포함될 수 있습니다.
아무리봐도 북클럽같지 않네요 ㅎㅎㅎ 워낙 수정을 깔끔하게 많이 하셔서리 몰라보겠어요
답글
이 스킨을 사용하기 전에 여러 스킨을 사용하면서 레이아웃을 많이 변경했지만, 그래도 북클럽 스킨을 적용하면서 레이아웃은 크게 수정하지 않았습니다. '관련 글' 부분을 애드센스 광고 일치하는 콘텐츠 광고로 대체하고 사이드바 크기를 조금 늘리고, 글자 크기를 키우는 정도의 변경을 했습니다.
앞으로 메뉴 부분을 대체하려고 생각 중입니다. 메뉴에 카테고리 일부만 표시되네요.
잘은 모르지만 이렇게도 할수 있다는것을 알고 갑니다.
남은 연휴 잘 보내시기 바랍니다.
답글
티스토리 스킨은 HTML과 CSS를 조금 알아도 어느 정도 수정이 가능한 것 같습니다.
즐거운 연휴 보내세요.