 |
Résumé | Un composant de thème Discourse pour créer de beaux agencements de chronologie |
 |
Aperçu | https://meta.appinn.net/t/topic/76953 |
 |
Dépôt | GitHub - scavin/discourse-qingwa-timelines |
 |
Guide d’installation | Comment installer un thème ou un composant de thème |
 |
Nouveau aux thèmes Discourse ? | Guide pour débutants sur l’utilisation des thèmes Discourse |
Installer ce composant de thème
Je suis ravi de partager un nouveau composant de thème qui ajoute des agencements de chronologie élégants à votre communauté Discourse !
Ceci est mon premier composant de thème, construit avec l’aide de LLM.
Qu’est-ce que c’est ?
Discourse Timelines est un composant de thème qui implémente un BBCode personnalisé [timelines]...[/timelines] pour créer de beaux agencements de chronologie minimalistes. Parfait pour les feuilles de route de projet, les guides étape par étape, les historiques d’entreprise, les divisions de chapitres, et plus encore.
Effet de chronologie publié
Bouton de la barre d’outils de l’éditeur
Vue de l’éditeur Markdown
Caractéristiques principales
BBCode personnalisé - Syntaxe simple [timelines]
Bouton de la barre d’outils de l’éditeur - Pas besoin de taper les balises manuellement (résout le problème d’échappement des crochets du nouvel éditeur !)
Beau design - Ligne de gradient verticale avec une esthétique épurée et minimaliste
Support Markdown - Préserve toute la mise en forme à l’intérieur des chronologies
Multilingue - Traductions intégrées pour 9 langues (EN, ZH_CN, ZH_TW, DE, ES, FR, JA, KO, RU)
Compatible avec les thèmes - Fonctionne avec les modes clair et sombre
Personnalisable - Changez facilement les couleurs via les paramètres d’administration
Réactif - Agencement adapté aux mobiles
Sûr - Protection XSS intégrée
Aucune dépendance - Utilise uniquement les API natives de Discourse
Utilisation
Utilisation du bouton de la barre d’outils (Le plus simple !)
- Ouvrez l’éditeur
- Cliquez sur le bouton du menu “+” (options)
- Sélectionnez “Insérer une chronologie”
- Modifiez votre contenu
- Publiez !
Le bouton de la barre d’outils résout le problème où le nouvel éditeur Discourse échappe automatiquement les crochets tapés manuellement.
Exemple de syntaxe
[timelines]
## Janvier 2024 - Lancement du projet
Le projet a été officiellement lancé et l'équipe a été formée.
## Mars 2024 - Première version
Le développement des fonctionnalités principales a été achevé et les tests bêta ont commencé.
## Juin 2024 - Version 2.0
Mise à jour majeure avec de nouvelles fonctionnalités :
- Fonctionnalité A
- Fonctionnalité B
- Fonctionnalité C
[/timelines]
Personnalisation
Toutes les couleurs peuvent être personnalisées via les paramètres du thème :
- timeline_gradient_start - Couleur du dégradé supérieur (par défaut :
#ff7a18) - timeline_gradient_end - Couleur du dégradé inférieur (par défaut :
#ffb800) - timeline_heading_color - Couleur du texte du titre (par défaut :
#d96d14) - timeline_dot_color - Couleur du point de la chronologie (par défaut :
#ff7a18) - timeline_heading_color_dark - Couleur du titre en mode sombre (par défaut :
#ff9854) - timeline_dot_border_color_dark - Bordure du point en mode sombre (facultatif)
J’espère que vous trouverez ce composant utile ! N’hésitez pas à me faire part de vos questions, commentaires ou suggestions. 
