워드프레스 댓글에서 번호 목록이 알파벳 목록으로 변경됨

안녕하세요!

독자 한 분이 제게 뭔가 이상한 점을 지적해 주셨습니다. 제 Discourse 사이트에서 숫자를 사용한 댓글이 제 Wordpress 사이트에서는 글자로 표시되고 있습니다:

이것은 Discourse 플러그인의 알려진 문제인가요? 아니면 제 Wordpress 설치 환경만의 문제인가요? 알려주시면 감사하겠습니다!

(같은 독자가 Discourse의 스포일러 플러그인이 Wordpress로 번역되지 않는 것과, 어떤 댓글이 어떤 댓글에 대한 답글인지 명확하지 않다는 점도 아쉬워했지만, 전자에 대해서는 어떻게 할 수 있을지 모르겠고, 후자는 이미 파악하고 계실 것이라 생각합니다. :))

방금 테스트해 보았는데, 질문자님과 동일한 결과가 나왔습니다. 그 원인은 ol ol(번호 매겨진 목록 안에 있는 번호 매겨진 목록)에 대한 WordPress의 기본 스타일 때문입니다:

ol ol {
    list-style: lower-alpha;
}

WordPress 댓글은 번호 매겨진 목록 안에 표시되므로, 이 스타일 규칙이 오버라이드되지 않는 한 댓글 내의 번호 매겨진 목록에 적용됩니다. 이는 다음 방법으로 수행할 수 있습니다:

ol ol {
    list-style: decimal;
}

아마도 이 규칙을 플러그인의 스타일 시트에 추가해야 할 것입니다.

이것은 Discourse와는 아무런 관련이 없으며, 사용 중인 사이트의 CSS 규칙 문제입니다.

이 불만에 동의합니다. 해당 플러그인은 디스커스에서 최고의 댓글을 워드프레스로 가져오는 용도로 설계되었지, 디스커스 댓글을 워드프레스에 그대로 복제하는 용도로는 설계되지 않았습니다. 하지만 저는 이것이 사람들이 일반적으로 플러그인에서 기대하는 동작 방식은 아니라고 생각합니다. 사람들이 원하는 것은 디스커스 댓글이 우리의 자바스크립트 임베드 코드와 유사한 방식으로 표시되도록 하는 것일 것입니다. 그 모습이 어떻게 보이는지 예시로 확인하려면 https://blog.codinghorror.com/why-cant-programmers-program/ 를 참고하세요.

디스커스 댓글이 자바스크립트로 임베드될 때, 디스커스가 제공하는 iframe 내에서 웹사이트에 표시됩니다. WP 디스커스 플러그인이 디스커스 임베드 코드를 사용하여 댓글을 표시할 수 있는 옵션을 추가해야 한다고 생각합니다.

임베드된 자바스크립트 방식을 사용하는 것의 한 가지 이점은, 댓글 임베드 개선에 대한 작업이 워드프레스 사이트뿐만 아니라 모든 유형의 사이트에서 활용할 수 있다는 점입니다. 또한, WP 디스커스 플러그인이 오직 임베드된 댓글만 표시한다면 플러그인 코드의 복잡성을 크게 줄일 수 있습니다.

임베드된 댓글을 사용하는 것의 가능한 단점은 디스커스 사이트의 페이지뷰가 증가할 수 있다는 점입니다. 최근に変更가 없다면, 임베드된 댓글을 포함하는 블로그 사이트의 각 페이지뷰는 디스커스에서도 페이지뷰로 집계됩니다.

매력적인 점은 이해하지만 … 단점은 Discourse가 매우 무거운 의존성이라는 것입니다. 정적인 댓글 목록을 표시하기 위해 약 1메가바이트의 난해한 해석형 JavaScript를 가져와야 합니다. 마치 핵폭탄으로 파리 한 마리를 잡는 것과 같습니다.

"Discourse는 <iframe>에서 작동하지 않으며, 원래 그렇게 의도된 적도 없다"고 일관되게 말하는 이유가 있습니다.

제가 제안하는 것은 WordPress 플러그인이 게시글에 우리의 JavaScript 임베드 코드를 프로그래매틱으로 추가하는 것입니다. 이는 님의 블로그에서 하고 계신 것과 유사할 것으로 생각됩니다. 사용자가 Discourse에 게시하기를 원하는 글에 플러그인이 임베드 스크립트를 추가하는 것은 매우 간단할 것입니다.

임베드 코드에 기능을 추가하는 것은 별개의 문제입니다. iframe 안에서 Discourse의 기능을 재현하려 해서는 안 된다고 생각합니다. 제가 해결하고 싶은 두 가지 별개의 문제가 있습니다. 첫째는 댓글에 대한 답변 처리입니다. 둘째는 스포일러, 투표, 날짜 등의 표시 처리입니다.

하워드 시몬! 빠른 답변 감사합니다. :slight_smile: 그 목록 스타일 제안을 플러그인의 스타일시트에 추가하는 것이 합리적일 수 있다고 생각합니다. 하지만 @codinghorror님이 이것이 시몬님의 영역이 아닐 수 있다고 지적하셨고, 저는 제 CSS를 직접 편집하는 데 문제가 없으므로, 시몬님이 제안하신 변경 사항을 Discourse 플러그인 스타일링에만 적용하는 방법이 있을까요? 현재 동작 방식은 다른 모든 곳에서 합리적이라 사이트 전체에 그 변경 사항을 적용하고 싶지 않습니다.

확실히 제가 기대하거나 찾고 있는 동작 방식은 아니었습니다. 저는 제 사이트의 해당 페이지에서 Discourse에 대한 모든 댓글을 표시할 수 있기를 진심으로 원합니다. 특히 제 WordPress 사이트에서 Disqus를 통해 가능했던 것과 마찬가지로, 독자들 간의 활발한 상호작용(즉, 답글)이 페이지 자체에서 얼마나 활발한지 보여주고 싶습니다.

제 이해가 맞다면, 그런 방식이 적절할 것 같습니다. 그 예시를 보면 어떤 것이 어떤 것에 대한 답글인지 바로 명확하지는 않지만, 훨씬 세련된 느낌은 줍니다. 그 중 일부는 CSS 스타일링 때문일 것이라고 생각하지만, Discourse 댓글이 기능적으로(그리고 이해하기 쉽고 매력적으로) 나타날수록, 제 독자들이 Discourse를 진지하게 받아들이고 시도해 볼 가능성이 높아집니다.

명확히 말씀드리겠습니다: 저는 제 WordPress 사이트에 Discourse의 기능이 임베드되기를 원하는 것이 아닙니다. 제 Discourse 설치로 연결되는 링크가 있는 정적 표현이면 됩니다. 하지만 사람들이 누가 누구에게 댓글을 달고 있는지 빠르게 이해하지 못하면, 클릭해서 넘어갈 의지도 덜 하게 됩니다.

이전에 말씀드렸듯이, 저는 이것이 훌륭한 플러그인이라고 생각합니다. 따라서 이것이 불만처럼 느껴지지 않기를 바랍니다. Discourse가 얼마나 훌륭하고 기능적인지를(정적 방식이라도) 더 잘 묘사할수록, 제 독자들이 Discourse를 시도해 볼 가능성이 높아집니다. Discourse 대화가 얼마나 쉽게 해석되는지에 대해서도 마찬가지입니다.

임베드된 자바스크립트에 대한 기술적인 논의를 완전히 이해하지는 못하지만, 답글을 더 명확하게 만들거나 스포일러를 숨기고, 투표를 표시하는 등의 기능을 할 수 있다고 생각하신다면, 그것은 제 WordPress 사이트를 보는 사람들에게 Discourse 커뮤니티가 왜 훌륭한지 더 명확하게 보여줄 것이라고 생각합니다. 제 개인적인 의견입니다.

감사합니다, 시몬!