Formato de sección de comentarios de Discourse en Wordpress (tema Divi)

He integrado un sitio web de WordPress con un foro de Discourse.
Al agregar una sección de comentarios a un blog, el formato de la sección no acepta los cambios realizados en Divi. Como resultado, parte del texto es demasiado grande (“Notable Replies” y “Participants”).
¿Hay alguna forma de solucionar el formato?

¡Hola! :slight_smile:

Los comentarios en el plugin de Discourse utilizan los mismos elementos que los comentarios normales de WordPress, por lo que funcionarán sin problemas con la mayoría de los temas de WordPress. Sin embargo, los constructores de páginas como Divi toman el control de la estructura de elementos y estilos de WordPress de manera bastante significativa (más que un tema estándar), y problemas como este pueden surgir con cualquier personalización (ya sea de Discourse u otra).

Esto es más un problema relacionado con Divi y tu tema hijo que con el plugin de Discourse para WordPress, pero si me compartes el enlace a tu sitio, puedo sugerirte algo de CSS para aplicar una solución básica.

Hola Angus,

Por lo general, Divi conserva la capacidad de cambiar el formato. Sin embargo, en este caso, solo parte del texto responde a los cambios de fuente.

Agradeceríamos mucho tu ayuda.

El sitio web es: https://about.openfoodnetwork.ca/tech-enabling-on-line-food-distribution

Hola @newspring, lo he revisado y tienes dos problemas.

Estilo

En primer lugar, como sugerí anteriormente, el tema Divi utiliza sus propios elementos de comentarios personalizados y solo proporciona estilos para ellos. Esto significa que los elementos de comentarios estándar que usa Discourse no tienen ningún estilo. También significa que Divi no puede darles estilo, ya que busca sus propios elementos de comentarios personalizados.

Básicamente, esto significa que solo puedes usar bloques de comentarios de Divi con un tema Divi sin configuraciones adicionales. Si usas un bloque de comentarios de Discourse o cualquier otro bloque de comentarios que no sea de Divi, tendrás que darle estilo tú mismo. Puedes ver a qué me refiero si aplicas un tema estándar de WordPress, como Twenty Nineteen. Los comentarios de Discourse recibirán estilo mediante el CSS proporcionado por ese tema y se verán normales.

¡Pero no te preocupes! El CSS es relativamente sencillo. Aquí tienes una forma simple de hacer que se vea más normal. Puedes agregar este CSS a Divi o a cualquier otro tema que lo cargue.

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

El resultado final se verá así:

Creo que la razón por la que “Conitinue the discusson at..” y “Participants” aparecen en azul y amarillo es porque lograste agregar estilo directamente a esos elementos mediante Divi. Si deseas cambiar esos colores, elimina ese estilo personalizado en Divi.

Conflicto entre los comentarios de Discourse y WordPress

También tienes los comentarios de WordPress activados, por lo que ves otro cuadro para escribir comentarios al final de la publicación. Si deseas usar los comentarios de Discourse, probablemente quieras desactivarlos. Consulta mi explicación más detallada sobre esto aquí:

Obtuve ayuda de soporte de Divi con el CSS. Ahora, los comentarios realizados en Discourse se formatearán (los colores servían para indicar qué elemento CSS estaba vinculado a qué texto).
Por tu comentario, entiendo que no es posible mostrar en Discourse los comentarios publicados en un sitio de WordPress si ya se están mostrando los comentarios de Discourse. ¿Es correcto?

Genial, me alegra que hayas resuelto eso.

No estoy seguro de haber entendido al 100% tu intención, pero si te refieres a si puedes importar tus antiguos comentarios de WordPress a Discourse para que aparezcan como publicaciones en Discourse, no existe un proceso automatizado para hacerlo.

Una importación así debe realizarse manualmente por alguien familiarizado con los aspectos técnicos. Ten en cuenta que esto implicaría asegurar que todos los comentaristas de WordPress tengan cuentas de usuario en tu Discourse. Es posible, pero requiere trabajo personalizado.

Te recomendaría hacer lo siguiente:

  1. Mantén visibles tus comentarios existentes de WordPress usando esta configuración en el plugin de Discourse, en la sección “Comentarios”: “Mostrar comentarios existentes de WP”.

  2. Desactiva los nuevos comentarios de WordPress siguiendo los pasos en la publicación que enlacé anteriormente.

  3. Habilita los comentarios de Discourse.

El resultado final es que todos tus comentarios existentes de WordPress seguirán visibles en WordPress, las personas podrán publicar nuevos comentarios en Discourse y todos esos nuevos comentarios también serán visibles en WordPress.