Mise en forme de la section de commentaires Discourse sur Wordpress (thème Divi)

J’ai intégré un site WordPress avec un forum Discourse.
Lorsque j’ai ajouté une section de commentaires à un article de blog, la mise en forme de cette section n’accepte pas les modifications apportées dans Divi. Par conséquent, certains textes sont beaucoup trop grands (« Réponses notables » et « Participants »).
Y a-t-il un moyen de corriger la mise en forme ?

Salut :slight_smile:

Les commentaires dans le plugin Discourse utilisent les mêmes éléments que les commentaires WordPress standard, ils fonctionneront donc immédiatement avec la plupart des thèmes WordPress. Cependant, les constructeurs de pages comme Divi prennent le contrôle de la structure des éléments et du style WordPress de manière assez significative (plus qu’un thème standard), et ce genre de problème peut survenir avec n’importe quelle personnalisation (Discourse ou autre).

C’est davantage un problème lié à Divi et à votre thème enfant qu’au plugin Discourse pour WordPress, mais si vous me fournissez un lien vers votre site, je pourrai vous suggérer du CSS à ajouter pour une solution de base.

Bonjour Angus,

Habituellement, Divi conserve la possibilité de modifier la mise en forme. Cependant, dans ce cas, seul une partie du texte réagit aux changements de police.

Votre aide serait très appréciée.

Le site web est : https://about.openfoodnetwork.ca/tech-enabling-on-line-food-distribution

Salut @newspring, j’ai jeté un coup d’œil et vous avez deux problèmes.

Mise en forme

Tout d’abord, comme je l’ai suggéré plus haut, le thème Divi utilise ses propres éléments de commentaire personnalisés et ne fournit des styles que pour ces éléments. Cela signifie que les éléments de commentaire standard utilisés par Discourse ne bénéficient d’aucune mise en forme. Cela signifie également que Divi ne peut pas les styliser, car il recherche ses propres éléments de commentaire personnalisés.

En résumé, cela signifie que vous ne pouvez utiliser les blocs de commentaires Divi avec un thème Divi que dès la sortie de la boîte. Si vous utilisez un bloc de commentaires de Discourse ou tout autre bloc de commentaires non Divi, vous devrez le styliser vous-même. Vous pouvez voir ce que je veux dire ici si vous appliquez un thème WordPress standard tel que Twenty Nineteen. Les commentaires Discourse seront stylisés par le CSS fourni par ce thème et auront un aspect normal.

Mais pas de panique ! Le CSS est relativement simple. Voici une méthode simple pour lui donner un aspect plus normal. Vous pouvez ajouter ce CSS à Divi ou à tout autre thème qui le chargera.

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

Le résultat final ressemblera à ceci :

Je pense que la raison pour laquelle « Continuer la discussion sur… » et « Participants » sont en bleu et jaune est que vous avez réussi à ajouter directement une mise en forme à ces éléments via Divi. Si vous souhaitez modifier ces couleurs, supprimez cette mise en forme personnalisée dans Divi.

Conflit entre les commentaires de Discourse et de WordPress

Vous avez également toujours les commentaires WordPress activés, c’est pourquoi vous voyez un autre formulaire de rédaction de commentaire en bas de l’article. Si vous souhaitez utiliser les commentaires de Discourse, vous voudrez probablement les désactiver. Consultez ma longue explication à ce sujet ici :

J’ai obtenu de l’aide de Divi pour le CSS. Les commentaires publiés sur Discourse seront désormais formatés (les couleurs servaient à indiquer quel élément CSS était associé à quel texte). D’après votre commentaire, je comprends qu’il n’est pas possible d’afficher les commentaires publiés sur un site WordPress sur Discourse si vous affichez déjà les commentaires de Discourse. Est-ce exact ?

Super, je suis content que cela soit résolu.

Je ne suis pas sûr de bien comprendre votre intention, mais si vous demandez s’il est possible d’importer vos anciens commentaires WordPress dans Discourse pour qu’ils apparaissent comme des publications Discourse, il n’existe pas de processus automatisé pour cela.

Un tel import doit être effectué manuellement par une personne familière avec les aspects techniques. Gardez à l’esprit que cela implique notamment de s’assurer que tous vos commentateurs WordPress disposent de comptes utilisateurs sur votre Discourse. C’est possible, mais cela nécessite un travail personnalisé.

Je vous recommande de procéder comme suit :

  1. Gardez vos commentaires WordPress existants visibles en utilisant ce paramètre dans les réglages du plugin Discourse « Comments » : « Show Existing WP Comments » (Afficher les commentaires WP existants).

  2. Désactivez les nouveaux commentaires WordPress en suivant les étapes du post que j’ai lié ci-dessus.

  3. Activez les commentaires via Discourse.

Le résultat final est que tous vos commentaires WordPress existants resteront visibles sur WordPress, les utilisateurs pourront publier de nouveaux commentaires sur Discourse, et tous ces nouveaux commentaires seront également visibles sur WordPress.