저는 워드프레스 기본 댓글 시스템을 사용하다가 작년 3월 말에 Disqus로 바꾸었습니다.
우리나라에서 Disqus가 그리 활성화되지 않았다는 한계가 있기는 하지만 Disqus는 SEO적인 측면에서도 괜찮은 선택이 될 수 있습니다. 현재 이 블로그의 경우 (비록 전체 소스별 비율로 따지만 1%에 지나지 않지만) Daum에서 유입되는 사용자보다 Disqus를 통해 유입되는 사용자가 더 많습니다.
저는 Disqus 댓글을 사용하면서 볼드체(<b>...</b>)와 인용구(<blockquote>...</blockquote>)를 처리할 때 HTML 코드를 자주 사용합니다. 그러다가 며칠 전에 텍스트에 색상을 넣고 싶어서 컬러 HTML 코드를 적용해보니 적용되지 않았습니다.
이 부분에 대해 조금 검색해보니 Disqus에서는 글자 색상을 바꿀 수 없다고 하네요ㅠㅠ.
다음은 Disqus에서 사용 가능한 몇 가지 서식(포맷팅)입니다.
- 이탤릭체(기울임체) - <i> 태그를 사용합니다(<i>...</i>). 예: 이탤릭체
- 볼드체(굵은 글씨) - <b> 태그를 사용합니다(<b>...</b>). 예: 굵은 글씨체
- 밑줄 - <u> 태그를 사용합니다(<u>...</u>). 예: Disqus 댓글에서 텍스트에 밑줄을 그을 수 있습니다.
- 취소선 - <strike> 태그를 사용합니다(<strike>...</strike>). 예:
취소선 - 스포일러(Spoiler) - <spoiler> 태그를 사용합니다. 스포일러로 표시되는 텍스트의 예는 아래에서 첫 번째 댓글을 참고해보세요.
Syntax를 강조 표시하려면 <pre><code> 태그를 사용할 수 있습니다.
<pre><code> var foo = 'bar'; alert('foo'); </code></pre>
그리고 이것은 일종의 트릭인데요, 글자색을 다른 글자와 다르게 하고 싶으면 <a>...</a> 태그를 사용할 수 있습니다. 이렇게 하면 글자가 링크되는 텍스트의 색상으로 표시됩니다.
Disqus에서 지원하는 전체 HTML 태그에 대한 내용은 Disqus 문서를 참고해보세요.
테마를 변경한 후에 플러그인 충돌 때문인지 Disqus에서 anchor 색상이 제대로 표시되지 않네요.
Disqus에서 사용 가능한 텍스트 서식:
이탤릭체 입니다. i 태그를 사용하시면 됩니다.
굵은 글씨입니다. b 태그를 사용하시면 됩니다.
이것은 밑줄입니다. u 태그를 사용하세요.
취소선입니다. strike 태그를 사용하시면 됩니다.이것은 스포일러입니다. spoiler 태그를 사용하세요.
그리고 글자색을 다르게 표시하여 돋보이게 하고 싶다면 anchor를 사용하세요.
이것은 코드 스니핏...
var foo = 'bar';
alert('foo');