Formatação da seção de comentários do Discourse no Wordpress (tema Divi)

[newspring (EvaG)]

Integrei um site WordPress com um fórum Discourse.
Ao adicionar uma seção de comentários a um blog, a formatação da seção não está aceitando as alterações feitas no Divi. Como resultado, parte do texto está muito grande (“Notable Replies” e “Participants”).
Existe alguma maneira de corrigir a formatação?

[angus (Angus McLeod)]

Olá

Os comentários no plugin Discourse usam os mesmos elementos que os comentários normais do WordPress, então eles funcionarão imediatamente com a maioria dos temas do WordPress. No entanto, construtores de página como o Divi assumem a estrutura de elementos e estilos do WordPress de forma bastante significativa (mais do que um tema padrão), e problemas como esse podem ocorrer com qualquer personalização (Discourse ou de outra natureza).

Isso é mais um problema com o Divi e seu tema filho do que com o plugin Discourse para WordPress, mas se você me enviar o link do seu site, posso sugerir algum CSS para adicionar como uma correção básica.

[newspring (EvaG)]

Olá Angus,

Normalmente, o Divi mantém a capacidade de alterar a formatação. No entanto, neste caso, apenas parte do texto está respondendo às alterações de fonte.

Sua ajuda seria muito apreciada.

O site é: https://about.openfoodnetwork.ca/tech-enabling-on-line-food-distribution

[angus (Angus McLeod)]

Olá @newspring, dei uma olhada e você tem dois problemas aí.

Estilo

Primeiramente, como sugeri acima, o tema Divi está usando seus próprios elementos de comentário personalizados e fornecendo estilos apenas para esses elementos. Isso significa que os elementos de comentário padrão usados pelo Discourse não têm nenhum estilo. Também significa que o Divi não pode estilizar os comentários, pois está procurando por seus próprios elementos de comentário personalizados.

Essencialmente, isso significa que você só pode usar blocos de comentário do Divi com um tema Divi “direto da caixa”. Se você usar um bloco de comentário do Discourse ou qualquer outro bloco de comentário que não seja do Divi, precisará estilizar manualmente. Você pode ver o que quero dizer se aplicar um tema padrão do WordPress, como o Twenty Nineteen. Os comentários do Discourse serão estilizados pelo CSS fornecido por esse tema e aparecerão normalmente.

Mas não se preocupe! O CSS é relativamente simples. Aqui está uma maneira fácil de fazê-lo parecer mais normal. Você pode adicionar este CSS ao Divi ou a qualquer outro tema que o carregue:

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; 
}

O resultado final ficará assim:

Acho que o motivo pelo qual “Continue a discussão em…” e “Participantes” aparecem em azul e amarelo é porque você conseguiu adicionar estilos diretamente a eles via Divi. Se quiser alterar essas cores, remova esse estilo personalizado no Divi.

Conflito entre comentários do Discourse e do WordPress

Você também ainda tem os comentários do WordPress ativados, é por isso que está vendo outro campo de composição de comentários no final da postagem. Se quiser usar os comentários do Discourse, provavelmente deverá desativá-los. Confira minha explicação mais detalhada sobre isso aqui:

Issues with setting up Discourse with Wordpres

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)]

Consegui ajuda do suporte do Divi com o CSS. Todos os comentários feitos no Discourse agora estarão formatados (as cores foram usadas para mostrar qual elemento CSS estava vinculado a qual texto).

Pelo seu comentário, entendi que não é possível exibir comentários publicados no site WordPress no Discourse se você já estiver mostrando comentários vindos do Discourse. Está correto?

[angus (Angus McLeod)]

@newspring

Consegui ajuda do suporte do Divi com o CSS. Todos os comentários feitos no Discourse agora estarão formatados (as cores serviam para mostrar qual elemento CSS estava vinculado a qual texto).

Ótimo, fico feliz que você tenha resolvido isso.

@newspring

Pelo seu comentário, entendi que não é possível exibir comentários postados no site do WordPress no Discourse se você já estiver mostrando comentários vindos do Discourse.

Não tenho certeza se entendi 100% o seu ponto, mas se você quer saber se é possível importar seus antigos comentários do WordPress para o Discourse para que apareçam como posts no Discourse, não existe um processo automatizado para fazer isso.

Uma importação como essa precisa ser feita manualmente por alguém familiarizado com os aspectos técnicos envolvidos. Lembre-se de que isso envolveria coisas como garantir que todos os seus comentaristas do WordPress tenham contas de usuário no seu Discourse. É possível, mas exige trabalho personalizado.

Recomendo que você faça o seguinte:

1. Mantenha seus comentários existentes do WordPress visíveis usando esta configuração no plugin do Discourse: em “Configurações de Comentários”, ative “Mostrar Comentários WP Existentes”.

2. Desative novos comentários do WordPress seguindo as etapas no post que linkuei acima.

3. Ative os comentários via Discourse.

O resultado final será que todos os seus comentários antigos do WordPress permanecerão visíveis no WordPress, as pessoas poderão postar novos comentários no Discourse e todos esses novos comentários também serão visíveis no WordPress.