티스토리 오디세이 스킨 댓글 개수 표시하기 (글목록,최근글,인기글)

글의 댓글이 몇 개 있는지 말머리 표와 함께 숫자(1)가 보이는 그걸 만들어보겠습니다.

 

티스토리 오디세이 스킨 댓글 개수 표시하기 (글목록,최근글,인기글)

 

안녕하세요 사람사물상황입니다.

댓글 개수는 이용자가 어떤 글이 인기가 많은지 한눈에 알게끔 하는데 장점이 있다고 생각합니다. 물론 컨텐츠의 질적인 것과 댓글 개수는 관련이 없을 수도 있지만, 그래도 '한눈에'라는 게 가볍게 찾아온 이용자들에게 빠르게 내 블로그를 알릴 수 있는 절호의 기회라고 생각합니다. 또 하나의 장점은 댓글 표시가 있다는 건 대화의 창구가 열려있다는 생각이 자연스럽게 들게 합니다. 댓글 수가 적더라도 흔히 커뮤니티에서 댓글 많은 글이 뭔지 먼저 보듯 그리고 가서 나도 한마디 하고 싶은 생각이 들듯. 댓글 표시는 그런 역할을 한다고 생각합니다. 물론 상황에 따라 없는 게 좋기도 합니다. 자신의 블로그 방향에 따라 생각해 봐야겠습니다. 어쨌든 그래서 준비해봤습니다. 

 

사실 오디세이 스킨 글목록에서 댓글 개수 표시하는 게 감춰져 있더군요. 그래서 그걸 드러내고 약간의 수정과 함께 최신글,인기글에도 표시할 수 있도록 해보겠습니다. 그리고 미리 말씀드리면 이게 완성인데 미완성입니다...??? 이유는 밑에 보시면 아실 거예요. 

 

1. 글목록 댓글 개수 표시하기

가. 글목록 댓글 개수 보이기 
css 2444 

.article-type- .reply, 
.article-type-thumbnail .reply { 
    display: none; 
} 

    /*display: none;*/ 

로 변경 


나. 중간에 점을 안 보이게 하기 
css 2225 

/* .article-type-common .reply:before { 
    content: ''; 
    position: absolute; 
    top: 9px; 
    left: -10px; 
    width: 2px; 
    height: 2px; 
    background: #999; 
    border-radius: 2px; 
} */ 

로 변경 


다. 삭제했으니 여백 줄임 
css 2197 

.article-type-common .date { 
    position: relative; 
    margin-right: 15px; 
    font-size: 12px; 
    line-height: 1.67; 
    color: #999; 

    margin-right: 4px; 

이것만 변경. 태그는 파일로 담아 놨습니다. 다운 받아 쓰세요.

새 텍스트 문서 (2).txt

0.00MB

 

그럼 이렇게 뿅 하고 나옵니다. 이제 최근 글과 인기글에도 표시되게 만들어보겠습니다.

 

2. 최근글, 인기글 댓글 개수 표시하기

가. 최근글, 인기글 댓글 개수 만들기
html 904  

<!-- 최근글과 인기글--> 
<div class="box-recent">  이렇게 시작되는 부분이 있는데 거기서

<span></span> 
이걸 

<span></span> 
<span class="reply"></span> 

로 변경합니다.
밑에 보면 인기글도 똑같은 부분이 있습니다. 거기도 해줍니다.

 

 

나. 최근글, 인기글 댓글 개수 설정 생성하기

css 1787
.area-aside .box-recent .list-recent .box-recent span { 
    color: #999;

}

이거를
.area-aside .box-recent .list-recent .box-recent span { 
    color: #999; 
    margin-right: 4px; 
}

.area-aside .box-recent .list-recent .reply { 
    position: relative; 
    padding-left: 19px;
    background: 이 부분이 url이라 글로 표현이 안됨 다운 받아쓰세요.
    font-size: 12px; 
    line-height: 1.67; 
    color: #999; 
} 
이거로 바꿈 

 

html에서 댓글 태그는 안 만지고 최근글만 만졌으며, reply인걸보고 css 찾아가서 설정하고, 2216을 참고하여 reply 만들었고(. article-type-common. reply) 다행히 잘 나오네요.

코드는 파일로 담아놨습니다. 다운받아 쓰세요.

 

새 텍스트 문서.txt

0.00MB

그럼 이렇게 나오는데요. 보기엔 그냥 쓸만해 보이지 않나요? 그런데 제가 이걸 미완성이라고 한 이유는 2가지가 있는데.

첫째는 댓글이 0개인 경우는 (0) 이라고 표시해주지 않아서입니다. (0)이 미 표기되는 건 <s_rp_count> 태그가 안 먹혀서 그렇고, 나름의 노력을 해봤으나, 아직 답을 찾지 못하였습니다.

둘째는 댓글이 없을 때와 1개 이상 있을 때 미묘하게 날짜와 말머리 표 사이에 간격이 다릅니다. 티는 잘나지 않아요. 이는 첫째와 같은 이유로 간격이 뭔가 이상해지는 거라고 추측만 하고 있습니다. 그리고 그걸 아는 듯이 티스토리에선 원래 날짜와 댓글 이모티콘 사이에  ' 표시가 중간에 나게 만들어 문자로 채웠는데 , 저는 그게 보기 싫어서 여백으로 대체했습니다.

알고 보니 말머리 표가 백그라운드 이미지로 불러오는데, 그것 때문에 위의 2가지 문제가 생긴 거 일수도 있겠거니 하고 있습니다. 댓글 표시 이모티콘이 따로 있어서, 그걸로 하는 방식을 시도해봤는데 잘 안되더라구요. 아무튼 혹시 해결책 아시는 분 답글 주세요. 그전까지는 나쁘진 않기 때문에 그냥 쓸려고 하고 있습니다.

 

해당 관련에 커뮤니티에서 답변을 얻었는데. <s_rp_count>는 <s_article_rep> <s_index_article_rep>가 적용된 태그에서만 작동을 한다는군요. 오디세이는 list로 설정을 했기 때문에 안되고, 바꿔보려고 했지만 잘 안되었습니다. 이것도 잘 만들면 될 것 같긴 한데. 짤 줄 알아야 하기 때문에 포기하고 넘어가겠습니다.

 

 

 

댓글 표시하기 수정은 저는 원래 스킨 수정에 거의 마지막에 하는데요. 그래도 아직도 못한 게 많이 있네요. (0) 표시 못 만든 거 신경은 안 쓰이지만 찝찝하게 남게 될 것 같습니다. 어쨌든 이 내용도 아무도 다루고 있지 않기 때문에 혼자 짱구 굴려가며 겨우 만들었습니다. 찾았던 분들에겐 도움이 되셨길 바랍니다.

 

티스토리 오디세이 스킨 댓글 개수 표시하기 (글목록,최근글,인기글)

 

끝.