Comment puis-je empêcher Discourse de modifier la conception de mon forum ?

J’ai créé un sujet à ce sujet il y a quelques semaines, mais je n’arrive plus à le retrouver. Je ne sais pas si un administrateur l’a supprimé ou autre. Quoi qu’il en soit, mon problème persiste : la conception de mon forum change toutes les semaines environ, et j’aimerais que cela s’arrête.

La dernière fois, je n’avais pas de preuve concrète, mais maintenant j’en ai :

Comme vous pouvez le voir sur l’image ci-dessus, les descriptions de mes catégories sont étrangement indentées. C’est nouveau. Pendant des semaines, cette section était parfaitement alignée, mais aujourd’hui, quand je me rends sur le forum, tout d’un coup, c’est désordonné.

Comme je l’ai dit, cela s’est déjà produit auparavant, et j’ai posté à ce sujet sans recevoir l’aide appropriée. Pourquoi cela arrive-t-il ? Et comment puis-je l’empêcher ?

Comme vous pouvez l’imaginer, c’est assez agaçant de passer des heures à perfectionner la conception de mon forum, pour qu’elle continue de se modifier et m’oblige à repérer ces problèmes et à continuer de les corriger. Vous pouvez trouver mon forum ici.

Merci !

Je ne peux pas dire la raison précise pour laquelle cela s’est produit ; peut-être qu’une nouvelle mise à jour de Discourse (ou un thème ou une extension que vous utilisez) a modifié le CSS. Utilisez-vous un thème personnalisé ?

Ce qui peut vous aider (si vous pouvez modifier le CSS de votre site), c’est de supprimer (ou de modifier) la marge appliquée au logo (à .ember-view > a.category-title-link > div.category-logo.aspect-image dans l’explorateur HTML pour chaque élément de catégorie) :

.category-logo.aspect-image { 
    ...
    margin: 0.33em 2em 2em 0; # supprimer
}

Le CSS ci-dessus provoque le déplacement des descriptions vers la droite. Si vous supprimez cette règle, puis appliquez une marge à gauche et supprimez le remplissage (padding) gauche de la description pour qu’elle reste alignée, cela devrait résoudre votre problème (je n’ai pas effectué de tests approfondis, cependant) :

.categories-list .category .category-description {
    margin-left: 75px;
    padding: 0;
}

Quant à la raison de cet incident et si quelque chose de similaire se produira à l’avenir, peut-être que l’équipe de Discourse pourra fournir une meilleure explication.

Lorsque votre site est mis à jour automatiquement, il intègre tous les changements que nous avons effectués entre deux déploiements. Si vous ne modifiez que le CSS du site, il est peu probable que cela pose problème (il est plus probable qu’une partie cesse de fonctionner car un élément a été refactorisé ou modifié, etc.). En revanche, si vous modifiez les modèles ou utilisez des scripts JS, il est plus facile qu’un dysfonctionnement survienne lorsque nous apportons des modifications.

Bien que nous fassions toujours tout notre possible pour anticiper les changements majeurs susceptibles d’affecter les sites hébergés et auto-hébergés en créant des sujets dédiés dans la catégorie #feature:announcements, les modifications mineures ne sont répertoriées sur GitHub qu’une fois la nouvelle version bêta publiée.

Vous pourriez facilement corriger votre code comme l’a indiqué @lucasbasquerotto, mais nous n’avons aucun moyen de vous prévenir à l’avance des changements que nous apportons ou de vous avertir avant le déploiement sur le site.

4 « J'aime »

Je n’ai modifié que le CSS du site, car je ne suis pas développeur et je ne sais pas faire autre chose.

Le thème que j’utilise pour mon forum est le thème Zeronoise, que j’ai trouvé ici sur votre site.

Merci pour votre réponse ! Cependant, cela ne m’aide pas encore à comprendre ce que je fais de mal. Si vous pouvez me dire ce que je fais mal, alors je pourrai arrêter de le faire. Tous les thèmes et composants de thème que j’installe proviennent de vous. Le CSS est la seule chose que je modifie dans ces thèmes.

Est-ce que la façon dont je charge les thèmes est incorrecte ? S’il vous plaît, aidez-moi à comprendre ce qui me manque, car je veux vraiment régler ce problème pour ne plus avoir à gérer des changements aléatoires dans la conception de mon site toutes les quelques semaines.

Salut, merci beaucoup pour cela ! Je vais lancer quelques tests !

Donc, il vous suffit de signaler ce problème dans ce sujet et le créateur de ce thème le corrigera correctement. Une fois terminé, vous n’aurez plus qu’à mettre à jour le thème.

1 « J'aime »

Il semble que je manque d’informations clés sur l’écosystème Discourse, ce qui m’empêche de bien comprendre ce que vous proposez. Donc, si mon thème « casse », dois-je contacter le créateur du thème pour le réparer ? Pourquoi le thème casse-t-il en premier lieu ?

Dois-je simplement dire au créateur du thème quelque chose comme « Hé, mon texte était ici, mais maintenant il est là. Peux-tu le réparer ? » Et ensuite, le créateur du thème modifiera du code dans le thème, puis je devrai retélécharger ce thème, le réimporter sur Discourse, coller mes ajustements CSS de l’ancienne version (pour que mes ajustements de design soient conservés), et enfin, l’affichage sera correct ?

Et je dois répéter ce processus toutes les quelques semaines environ, car les mises à jour de Discourse déplacent mon design ?

Comment d’autres utilisateurs contournent-ils ce problème ? J’imagine que la plupart des gens apportent des ajustements CSS à leurs thèmes, non ?

La fragilité dépend probablement de la manière dont vous écrivez votre CSS. Pouvez-vous fournir des exemples de la façon dont vous remplacez les styles dans les zones qui ont récemment posé problème ? De plus, votre forum est-il public ? Ce serait très utile de voir comment votre forum est stylisé différemment des thèmes par défaut.

Mon forum peut être consulté ici.

Le premier problème concernait la largeur de mon conteneur :

Une semaine environ après avoir finalisé mon design, j’ai visité le forum et remarqué que le conteneur était considérablement plus étroit. Les textes qui occupaient auparavant deux lignes en prenaient maintenant trois ou quatre.

Le deuxième problème est celui que je signale dans ce fil. Mon texte se désalignait de manière aléatoire.

Je m’inquiète simplement car mes 28 jours d’essai ne sont même pas encore écoulés et j’ai déjà rencontré ce problème à deux reprises.

Il existe des thèmes officiels (créés par l’équipe Discourse, comme les thèmes clair et sombre) et des thèmes non officiels. Si un thème officiel est défectueux, l’équipe Discourse doit le corriger, mais si un thème non officiel est défectueux, vous devez demander au créateur du thème de le réparer. Après tout, il serait irréaliste que l’équipe Discourse corrige chaque thème défectueux (n’importe qui peut publier un thème ici sur le forum, y compris vous et moi).

Ce qui a cassé le CSS est probablement un changement effectué par l’équipe Discourse ayant affecté (involontairement) le CSS du thème. Dans ce cas, le créateur du thème devrait le corriger, ou vous pouvez forker leur dépôt et apporter vous-même les corrections. Sinon, vous pouvez engager quelqu’un sur le Marketplace. Ce n’est peut-être pas ce que vous souhaitiez, mais malheureusement, il n’y a pas grand-chose à faire ici pour les thèmes non officiels. La bonne nouvelle est que la correction semble facile, comme je l’ai montré dans mon message précédent.

Cela dit, il semble que ce thème soit propriété de Discourse, car le dépôt est :

Vous pourriez donc demander à l’équipe Discourse, sauf si je passe à côté de quelque chose.

Vous pouvez constater que le problème vient bien du thème en accédant au mode sans échec à l’adresse suivante : https://forum.actionvfx.com/safe-mode

Ensuite, désactivez uniquement le thème et cliquez sur OK : les descriptions seront alors alignées.

2 « J'aime »