기존 댓글창
워드프레스 기본 댓글창은 익명으로 아무나 댓글을 달 수 있다. 때문에 스팸 댓글이 종종 달리게 된다. 물론 승인 방식이기 때문에 함부로 게시는 되지 않는다. 아마도 봇으로 게시하는 듯 하다.
깃허브 댓글
개발 블로그들을 구경하다보면, 깃허브 계정으로 댓글을 달게 해둔 블로그들이 많이 있었다. 방법은 매우 간단한데, utterances라는 깃허브 앱을 설치해서 연동하기만 하면 된다. 저장소를 만들고 스크립트를 복사하는 방법은 아래 블로그를 참고했다.
[Github] 블로그에 댓글 기능 추가하기 (ft. Utterances)
이 글에서는 워드프레스에서는 (본 블로그는 GeneratePress기반 블로그인 점을 참고) 어떻게 적용하는지를 설명한다.
방법은 매우 간단하다. comments.php에 내용을 추가하면 된다. 모든 내용을 날리고, 아래처럼 utterances 스크립트를 추가했다. utterances 스크립트는, 원하는 요소의 바로 뒤에 스크립트를 추가하면 그 요소로 댓글이 들어가게 된다. 때문에 내가 원하는대로, div#comments 요소 아래로 들어가게 된다. 스크립트는 위에 링크한 블로그를 참고하자. 자동으로 생성된다.
<div id="comments">
<h3 id="reply-title" class="comment-reply-title">댓글 달기</h3>
</div>
<!-- utterances script -->
<script src="https://utteranc.es/client.js"
repo="댓글을 관리할 repo 주소"
issue-term="pathname"
label="comments"
theme="github-light"
crossorigin="anonymous"
async>
</script>단, 테마 파일 자체를 수정하는 것은 추후 테마 업데이트 시 수정한 내용이 날아가니, 테마의 자식 테마를 만들고 comments.php를 추가하는 방법을 추천한다. 아래 글에 자식 테마 만드는 방법이 나와 있다.
워드프레스의 부모 테마 – 자식 테마 관계를 간단하게 설명하면, 자식 테마를 만들면 테마 자체가 전체적으로 복사되는 것이 아니다. functions.php, style.css, screenshopt.php 세 파일만 생성되고, 덮어씌우고 싶은 파일이 있다면, 자식 테마에 추가해서 수정하면 된다. 이번 작업 같은 경우, comments.php를 자식 테마에 추가한다.
테마 활성화는 자식 테마로 하고, 업데이트는 부모 테마로만 하면 자동으로 업데이트가 자식 테마에도 적용된다. 정확히 말하면, 자식 테마에는 업데이트가 배포되지 않는다. 기본적으로 부모 테마의 파일을 읽고, 자식 테마에 같은 이름의 파일이 있다면 자식 테마의 파일을 적용하는 식이다.
변경된 댓글창
