Comment puis-je créer un thème très personnalisé ?

Dev
1

Salut, je suis nouveau sur Discourse et j’adore ses fonctionnalités et son fonctionnement. Je souhaite personnaliser fortement son apparence et la façon dont il présente le contenu. J’ai lu divers fils de discussion et publications pour essayer de comprendre. J’ai de l’expérience en codage Javascript, mais je suis confus. Par personnalisation poussée, j’entends : supprimer la barre latérale, ajouter des éléments de navigation à la barre supérieure. Afficher les sujets avec le nom de l’auteur, l’avatar, le sujet et le texte de prévisualisation, ainsi que la réponse la plus récente et un aperçu de la réponse avec l’avatar et le nom de l’auteur de la réponse. Sujets regroupés sous des catégories dans une grande liste de catégories et leurs sujets (à l’ancienne). Je suppose que je dois comprendre comment remplacer les données qui sont affichées, ou récupérées puis affichées, et je suis confus sur la meilleure façon de le faire. Serait-ce un seul « thème », un composant de thème ? Serait-ce un plugin ? Serait-ce plusieurs thèmes, composants et plugins ? Quelle est la différence entre un composant et un plugin ? J’aimerais qu’il y ait une vidéo Youtube montrant le développement d’un « thème » aussi personnalisé. Je rassemble actuellement une liste de « addons ? » qui font des choses similaires à ce que je veux réaliser et j’essaie de lire leur code et de les comprendre, mais c’est vraiment déroutant d’arriver ici « tout frais ». J’apprends mieux en regardant des vidéos qu’en lisant. :confused: Des conseils, des astuces ou des vidéos dont je n’aurais pas connaissance ? Toute aide est très appréciée. :pray:

2

Puisque les changements que vous souhaitez impliquent la récupération de données supplémentaires pour les pages, un thème ou un composant ne suffirait pas, vous avez besoin d’un plugin pour réaliser votre vision.

3

Merci :slight_smile: J’ai une tonne de lecture à faire. J’espère que tout commencera à avoir du sens. J’ai trouvé un sujet vraiment pertinent :

Et ensuite, je partage juste quelques liens/notes pour ceux qui pourraient être dans la même situation :

Les modèles HTML se trouvent dans https://github.com/discourse/discourse/tree/main/app/assets/javascripts/discourse/app/templates

Guide pour débutants sur les thèmes :

Guide du développeur sur les thèmes :

Guide du designer sur les thèmes :

Créer un composant de thème :

Composant de thème pour révéler les emplacements des sorties de plugin (endroits pour injecter du nouveau HTML/script/styles) :

Développement de plugins :

Apprendre à commencer à construire des choses :

Installer Discourse sur Ubuntu/Debian pour le développement :

Ce que je veux vraiment modifier, c’est la « topic-list » ou la page d’accueil

• Ce thème a déjà créé le format de liste de sujets souhaité :

• Nom de l’auteur + Avatar :
Author name plus avatar ou Show Original Poster Avatars

• Groupes de catégories :

• Icônes des catégories mises en avant :

Peut également essayer l’éditeur de thème en ligne :

Extras :
• Authentification unique ? SSO

• Bot Discord

4

Vous pouvez le faire en cliquant sur l’icône hamburger, ce qui serait assez facile à comprendre.

Jetez un œil à Liens d’en-tête personnalisés

Cela pourrait vous aider à démarrer.