티스토리 Book Club 스킨 수정: 글 제목 아래에 댓글 개수 및 링크를 표시하는 방법

2019. 9. 13. 17:00 | 댓글 4

티스토리 북클럽(Book Club) 스킨을 적용하면 그림과 같이 포스트 제목 아래에 글쓴이 이름과 글 발행 날짜가 표시됩니다.

티스토리 북클럽 스킨

저는 사용자 이름은 삭제하고 글 작성 일자 옆에 댓글 개수를 표시했습니다. 그리고 클릭하면 댓글 섹션으로 이동하도록 수정했습니다.

티스토리 북클럽 스킨 - 댓글 수정

티스토리 북클럽 (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개' 부분을 클릭하면 댓글 섹션으로 스크롤됩니다.

이 블로그에서는 북클럽 스킨을 수정하는 몇 가지 방법을 하나씩 올리고 있습니다. 기본적인 사항이지만 북클럽 스킨을 수정하려는 경우 참고하시기 바랍니다.

※ 위에서 설명한 내용은 다른 티스토리 스킨에서도 동일하게 적용이 가능합니다. 하지만 스킨에 따라 댓글 개수를 표시하는 치환자가 작동하지 않을 수도 있습니다.

참고:


  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

댓글을 달아 주세요

">
  1. thumbnail
    [찌쏘]'s Magazine

    아무리봐도 북클럽같지 않네요 ㅎㅎㅎ 워낙 수정을 깔끔하게 많이 하셔서리 몰라보겠어요

    • thumbnail
      홈페이지 제작, 워드프레스, 웹호스팅 정보를 제공하는 블로그 Avada
      2019.09.14 16:48 신고

      이 스킨을 사용하기 전에 여러 스킨을 사용하면서 레이아웃을 많이 변경했지만, 그래도 북클럽 스킨을 적용하면서 레이아웃은 크게 수정하지 않았습니다. '관련 글' 부분을 애드센스 광고 일치하는 콘텐츠 광고로 대체하고 사이드바 크기를 조금 늘리고, 글자 크기를 키우는 정도의 변경을 했습니다.

      앞으로 메뉴 부분을 대체하려고 생각 중입니다. 메뉴에 카테고리 일부만 표시되네요.

  2. thumbnail
    공수래공수거

    잘은 모르지만 이렇게도 할수 있다는것을 알고 갑니다.
    남은 연휴 잘 보내시기 바랍니다.