본문으로 바로가기

[티스토리] 댓글 기능 추가하기

category 만들기이야기/블로그 2015. 3. 16. 13:02

 

 

댓글을 펼쳐지게 사용하였으나 일부 글에 댓글이 많아져서 검색하다가

 

댓글에 기능을 추가하게 되었습니다.

 

정확하게 뭐라고 표현해야 좋을지 모르겠네요.

 

댓글이 펼쳐지긴 하는데 일부만 펼쳐진다고 해야할지...

 

댓글 일부를 숨긴다고 해야할지...

 

어쨌든~!!

 

댓글 기능을 추가하는 방법을 알려드리겠습니다.

 

 

 

먼저~!! 댓글 펼침 기능은 무엇이며 설정 하는 방법부터 알아보려면

 

 

 

1. admin -> 로그인 -> 화면설정 -> 화면 출력을 클릭한 후

 

    댓글펼침이 선택이 되어있는지 확인합니다. (화살표 참고)

 

 

 

 

◈ 댓글 펼침에 클릭이 되어있지 않은 경우

 

    아래 사진과 같이 간단하게 댓글 수만 표시가 되며 파란 버튼을 클릭하면 댓글이 펼쳐집니다.

 

 

 

 

댓글버튼이 눈에 확 들어오지 않아서 샐리는 그것보단 너무 많은 것도 그렇고 몇개는 댓글이 보이는게 좋을듯 해서

 

화면출력의 펼침설정에서 댓글펼침을 선택하였습니다.

 

☞ 아래의 소스가 제대로 작동하려면 댓글펼침 설정은 필수~!!

 

 

 

 

2.  html/css편집  -> skin.html 에서

     ctrl+ F 로 /body  를 검색한 후 바로 윗 부분에 아래 소스를 넣으면 됩니다.

 

     ◈ 뭐하라님의 글을 참고하였습니다. http://nubiz.tistory.com/546

 

 

주의   :  소스를 수정하실때는 수정 전 원본을 꼭 따로 복사하여 보관한 후에 수정하시기 바랍니다.

 

 

 

 

댓글더보기 소스.txt<<-- 다운로드 하세요!

 

 

 

 

 

주황색 밑줄 친 부분은 댓글 표시 개수를 나타냅니다.

 

답글 단 개수를 포함하지 않은 갯수이며 원하는 개수로 수정하시면 됩니다. ^^

 

 

위와 같이 수정을 하면 아래의 사진과 같이 표시가 됩니다.

 

 

샐리는 댓글 표시 개수를 3으로 했으며 덧글 포함 6개의 댓글이 기본으로 열려있고

 

왼편의 댓글 더 보기를 클릭할 경우엔 댓글 개수 표시한만큼씩만 더 열립니다.

 

전체를 한꺼번에 원할 경우엔 오른쪽의 전체보기 버튼을 누르면 됩니다.

 

 

마지막으로 스마트폰에서도 제대로 작동하는지 확인하시면 되겠습니다. ^^*