Disqus에 사용 가능한 텍스트 서식

0

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 문서를 참고해보세요.

참고:

You might also like

Comments