모바일 WPtouch에서 Skip to comments 링크를 Disqus로 연결하기

뭔가 굉장히 어려운 제목이다. 상황은 이렇다. WordPress 블로그를 모바일 환경에 적합하게 보여주는 WPtouch 라는 플러그인이 있다. 아이폰에서 보여지는 화면이 대략 아래와 같다.

제목 아래에 보면 “↓ Skip to comments”라는 링크가 있다. 해당 링크를 누르면 본문을 건너띄고 바로 댓글을 달 수 있는 곳으로 화면을 이동시켜준다. WordPress에서 제공하는 댓글 시스템을 그대로 이용하고 있다면 아무런 문제가 없을 것이다. 하지만 Disqus라는 소셜댓글시스템을 블로그에 설치했다면 위 링크가 동작하지 않는 것을 알 수 있다. 매번 수동으로 스크롤을 내려서 이동해야 하기 때문에 사람에 따라 불편할 수 있는 부분이다. 그래서 해당 부분을 수정하기로 했다.

수정을 위해서는 WPtouch 플러그인의 테마(Theme) 폴더로 접근을 해야한다. WordPress의 플러그인 에디터에서는 테마 폴더가 보이지 않아서 FTP 프로그램을 이용해 접근했다. 보통 Default 테마를 사용하기 때문에 해당 위치로 이동하여 포스트 영역을 담당하는 Single.php 파일을 연다.

해당 파일을 살펴보면 skip to comment 링크를 추가하는 소스를 찾을 수 있다. 해당 부분을 다음과 같이 변경해준다.

원본 소스. 현재 #dsq_add_new_comment 로 링크가 걸려있다.
수정한 소스. #disqus_thread 로 링크를 변경해준다.

이 문제는 Disqus의 HTML이 dsq_add_new_comment을 사용하다가 disqus_thread로 변경됐기 때문에 생기는 문제 같다(추측임). WPtouch 개발자가 수정해주기 전까지는 위와 같은 방법으로 조치를 취해줘야 할 것 같다.

댓글 남기기