Disqus에 사용 가능한 텍스트 서식
저는 워드프레스 기본 댓글 시스템을 사용하다가 작년 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');