WordPress(디바이 테마)의 Discourse 댓글 섹션 포맷팅

[newspring (EvaG)]

워드프레스 웹사이트에 디스커스 포럼을 통합했습니다.
블로그에 댓글 섹션을 추가했을 때, 해당 섹션의 서식이 Divi에서 적용한 변경 사항을 반영하지 않습니다. 그 결과 일부 텍스트가 지나치게 크게 표시됩니다("Notable Replies"와 “Participants”).
서식을 수정할 수 있는 방법이 있을까요?

[angus (Angus McLeod)]

안녕하세요

Discourse 플러그인의 댓글은 일반 WordPress 댓글과 동일한 요소를 사용하므로, 대부분의 WordPress 테마에서 추가 설정 없이 바로 작동합니다. 그러나 Divi와 같은 페이지 빌더는 WordPress의 요소 및 스타일 구조를 표준 테마보다 훨씬 더 크게 개입하며, 이로 인해 Discourse든 그 외의 커스터마이징이든 어떤 경우든 이러한 문제가 발생할 수 있습니다.

이 문제는 Discourse WordPress 플러그인보다는 Divi와 서브테마에 더 기인하는 것이지만, 사이트에 대한 링크를 주시면 기본적인 해결을 위해 추가할 CSS를 제안해 드릴 수 있습니다.

[newspring (EvaG)]

안녕하세요, Angus.

일반적으로 Divi에서는 서식을 변경할 수 있는 기능을 유지합니다. 하지만 이번에는 텍스트 중 일부만 글꼴 변경에 반응하고 있습니다.

도움을 주시면 감사하겠습니다.

웹사이트 주소: https://about.openfoodnetwork.ca/tech-enabling-on-line-food-distribution

[angus (Angus McLeod)]

Hey @newspring, 확인해 보니 두 가지 문제가 있습니다.

스타일링

먼저, 위에서 제안했듯이 Divi 테마는 자체 커스텀 댓글 요소를 사용하고 있으며, 해당 요소에만 스타일을 제공하고 있습니다. 이로 인해 Discourse가 사용하는 표준 댓글 요소에는 스타일이 적용되지 않습니다. 또한 Divi는 자체 커스텀 댓글 요소를 찾게 되어 표준 댓글 요소에 스타일을 적용할 수 없습니다.

결국, 기본적으로 Divi 테마와 함께 사용할 수 있는 것은 Divi 댓글 블록뿐입니다. Discourse의 댓글 블록이나 기타 비-Divi 댓글 블록을 사용하는 경우 직접 스타일을 적용해야 합니다. Twenty Nineteen과 같은 표준 WordPress 테마를 적용해 보시면 제가 말씀드린 내용을 이해하실 수 있습니다. 해당 테마에서 제공되는 CSS에 의해 Discourse 댓글이 스타일링되어 정상적으로 보입니다.

하지만 걱정 마세요! CSS는 비교적 간단합니다. 아래는 더 정상적인 모습으로 만들 수 있는 간단한 방법 중 하나입니다. 이 CSS를 Divi나 이를 로드할 수 있는 다른 테마에 추가할 수 있습니다.

CSS

.comment-meta,
.comment-metadata,
.comment-author,
.comment-content,
.comment-author img {
  display: flex;
  align-items: center;
  margin-right: 10px;
  font-size: 1rem !important;
}

.comment::marker {
  content: '';
}

.comment-body {
  margin-bottom: 10px;
}

.et_pb_comments_0 {
  background-color: white; 
}

최종 결과는 다음과 같이 보입니다.

“Conitinue the discusson at..”(토론을 계속하려면…)와 “Participants”(참여자)가 파란색과 노란색으로 보이는 이유는 Divi를 통해 해당 요소에 직접 스타일을 적용했기 때문일 것입니다. 이 색상을 변경하려면 Divi에서 해당 커스텀 스타일을 제거하세요.

Discourse와 WordPress 댓글 충돌

또한 여전히 WordPress 댓글이 활성화되어 있어 게시물 하단에 또 다른 댓글 작성 영역이 보이는 것입니다. Discourse 댓글을 사용하려는 경우 이를 비활성화하는 것이 좋습니다. 아래에서 이에 대한 더 자세한 설명을 확인하실 수 있습니다.

WordPress와 Discourse 설정 시 발생하는 문제

Hey there, great questions! You can do either. The key is you need to establish the connection between the two. Once that is there, the commenting functions will work. I’m guessing you know how to do handle the “Publish to Discourse” option, i.e. when the post is created. For the linking option, you can link any Discourse post to a Wordpress Post by using the “Link to Existing Topic” publishing option in the sidebar when you’re editing the Wordpress post. The key here is that when you have t…

[newspring (EvaG)]

Divi 지원팀에서 CSS 관련 도움을 받았습니다. 이제 Discourse에서 작성된 모든 댓글이 포맷이 적용됩니다(색상은 어떤 CSS 요소가 어떤 텍스트에 연결되어 있는지 표시하기 위한 것이었습니다).

님의 댓글을 보면, 이미 Discourse의 댓글을 표시하고 있는 상태에서 WordPress 사이트의 댓글을 Discourse에 표시할 수 없다는 것으로 이해됩니다. 맞습니까?

[angus (Angus McLeod)]

@newspring

CSS 관련해서 Divi 지원팀의 도움을 받았습니다. 이제 Discourse에서 작성된 모든 댓글이 포맷팅됩니다(색상은 어떤 CSS 요소가 어떤 텍스트에 적용되었는지를 표시하기 위한 것이었습니다).

좋네요, 해결되어서 기쁩니다.

@newspring

귀하의 댓글을 보니, 이미 Discourse의 댓글을 표시하고 있는 상태라면 WordPress 사이트에서 작성된 댓글을 Discourse에 표시할 수 없다는 것으로 이해했습니다.

정확히 100% 이해했는지는 확신이 서지 않지만, 만약 기존 WordPress 댓글을 Discourse로 가져와서 Discourse 게시물처럼 보이게 할 수 있느냐는 뜻이라면, 이를 수행하는 자동화된 프로세스는 없습니다.

이러한 가져오기는 기술적 측면에 익숙한 사람이 수동으로 수행해야 합니다. 모든 WordPress 댓글 작성자가 Discourse에 사용자 계정을 가지고 있는지 확인하는 등의 작업이 포함될 수 있음을 유념해 주세요. 가능은 하지만, 맞춤형 작업이 필요합니다.

다음과 같이 진행하시기를 권장합니다:

1. Discourse 플러그인의 “Comments” 설정에서 “Show Existing WP Comments” 옵션을 사용하여 기존 WordPress 댓글이 표시되도록 유지하세요.

2. 위에서 링크한 게시물의 단계에 따라 새로운 WordPress 댓글 작성을 비활성화하세요.

3. Discourse 댓글 작성을 활성화하세요.

결론적으로, 기존 WordPress 댓글은 모두 WordPress에서 볼 수 있고, 사람들은 Discourse에서 새로운 댓글을 작성할 수 있으며, 이 새로운 댓글들은 모두 WordPress에서도 볼 수 있게 됩니다.