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

  • 네이버 블로그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 카카오스토리 공유하기

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

참고:



2 개 댓글

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

    이탤릭체 입니다. i 태그를 사용하시면 됩니다.

    굵은 글씨입니다. b 태그를 사용하시면 됩니다.

    이것은 밑줄입니다. u 태그를 사용하세요.

    취소선입니다. strike 태그를 사용하시면 됩니다.

    이것은 스포일러입니다. spoiler 태그를 사용하세요.

    그리고 글자색을 다르게 표시하여 돋보이게 하고 싶다면 anchor를 사용하세요.

    이것은 코드 스니핏...


    var foo = 'bar';
    alert('foo');

    응답