Quel CSS a été utilisé pour les commentaires ici ?

Ce site est un blog Ghost qui utilise Discourse pour les commentaires.

What is Online Community?.

Remarquez à quel point les commentaires sont bien présentés. Quelle CSS est utilisée pour cela ?
Les commentaires sur mon propre site web ne sont pas bons. Ils s’étendent sur toute la longueur de l’écran. Idéalement, je veux qu’ils ressemblent exactement à celui que j’ai posté.

Voici mon site
https://ogatutor.com/

2 « J'aime »

Vous pouvez simplement ouvrir les outils de développement dans votre navigateur et inspecter les éléments pour voir le CSS.

Cela peut également être réalisé en faisant simplement un clic droit sur l’élément et en sélectionnant « Inspecter ». Vous devrez peut-être monter et descendre dans la hiérarchie HTML pour voir tout le CSS.

4 « J'aime »

J’ai essayé, je ne le trouve pas là-bas.

1 « J'aime »

Bonjour, quel problème avez-vous rencontré ?

3 « J'aime »

Mon blog est un blog Ghost qui utilise Discourse pour les commentaires. Les commentaires fonctionnent bien, MAIS je cherche à styliser le CSS pour qu’ils s’intègrent.
Regardez celui auquel j’ai fait référence. Remarquez comme les commentaires s’enchaînent bien ?
Maintenant, regardez le mien. Les commentaires s’étendent sur toute la largeur de l’écran.

1 « J'aime »

Essayez d’inspecter le commentaire sur le blog. Dans la fenêtre Inspecter, vous devriez voir un onglet appelé « Styles » qui contient le CSS des éléments sélectionnés (et de tous les éléments).

4 « J'aime »

Est-ce ce que vous cherchez ?

Ce sujet contient des informations sur la façon de formater les publications intégrées :

Styliser votre contenu intégré

Si vous utilisez Discourse 1.4.0 ou une version ultérieure, vous avez la possibilité d’ajouter une feuille de style pour vos commentaires intégrés. Utilisez la section CSS intégré de l’éditeur de thème dans Admin > Personnaliser > Thèmes > Modifier CSS/HTML et vous pourrez ajouter une feuille de style personnalisée qui sera servie avec vos commentaires intégrés. Par défaut, nous pensons que la mise en page est agréable sur un fond blanc, mais si votre site a une mise en page unique, vous voudrez la styliser vous-même.

6 « J'aime »

Merci,
Étrange, la même fenêtre ne s’ouvre pas sur mon Safari, je ne sais pas pourquoi.
MERCI

2 « J'aime »

MERCI !! C’est ce que je cherchais.

3 « J'aime »

Aucun CSS ne peut être déployé sans être exposé dans les outils de développement du navigateur.

Je soupçonne que vous avez besoin de temps pour apprendre les outils :wink:

3 « J'aime »

beau site ghost.\n\nmais il semble que votre intégration de site ghost soit un peu cassée ou mal configurée.\n\n\n

\n\n\n\n

6 « J'aime »

MERCI !!
Oui, c’est cassé, mais j’ai suivi TOUTES les instructions sur la façon d’intégrer, mais pour une raison quelconque, je n’y arrive pas.
Voici à quoi ressemble mon intégration.


Cette configuration génère ce code.

<script type="text/javascript">
    if (window.location.pathname.indexOf('/p/') < 0) {
        DiscourseEmbed = {
            discourseUrl: 'https:/teachmeai.ogatutor.com/‘,
            discourseEmbedUrl: '{{url absolute="true"}}'
        };

        (function() {
            var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
            d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
        })();
    }
</script>

Remarque : J’ai laissé la liste des chemins autorisés vide car, lorsque j’y entre quelque chose, le code ne s’exécute même pas.
Qu’est-ce que je fais de mal ?
Merci

2 « J'aime »

Oh, il semble que cela fonctionne maintenant :slight_smile:

J’allais vous suggérer d’essayer \\/\\d+\\/\\d+\\/.+ dans le champ de la liste d’autorisation des chemins pour ce paramètre d’hôte autorisé.

1 « J'aime »

Merci encore, mais cela prend toujours beaucoup de temps à charger pour les nouveaux visiteurs. Environ 1 minute pour les nouveaux visiteurs et les NOUVEAUX articles. Une fois qu’un article a déjà une discussion EN COURS, il se charge beaucoup plus rapidement.
Je ne sais pas si c’est parce que le sujet est créé automatiquement sur Discourse. En regardant les journaux de Ghost, tout semble normal.

1 « J'aime »

ça s’est chargé immédiatement pour moi. ça pourrait juste être une question d’emplacement. j’ai regardé plusieurs pages et les commentaires se chargent tout de suite pour moi.

edit : oh bizarre, maintenant j’ai eu une erreur en chargeant la page un :thinking:

3 « J'aime »

Merci beaucoup. Mon travail est presque terminé. La prochaine phase consiste à tenter de migrer leurs utilisateurs de phpBB.

1 « J'aime »

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.