 |
Riepilogo | Un componente del tema di Discourse per creare bellissimi layout di timeline |
 |
Anteprima | https://meta.appinn.net/t/topic/76953 |
 |
Repository | GitHub - scavin/discourse-qingwa-timelines |
 |
Guida all’installazione | Come installare un tema o un componente del tema |
 |
Nuovo ai temi di Discourse? | Guida per principianti all’uso dei temi di Discourse |
Installa questo componente del tema
Sono entusiasta di condividere un nuovo componente del tema che aggiunge eleganti layout di timeline alla tua community di Discourse!
Questo è il mio primo componente del tema, creato con l’assistenza di LLM.
Cos’è?
Discourse Timelines è un componente del tema che implementa il BBCode personalizzato [timelines]...[/timelines] per creare bellissimi e minimalisti layout di timeline. Perfetto per roadmap di progetti, guide passo passo, cronologie aziendali, divisioni di capitoli e altro ancora.
Effetto Timeline Pubblicato
Pulsante Barra degli Strumenti Composer
Vista Editor Markdown
Caratteristiche Principali
BBCode personalizzato - Semplice sintassi [timelines]
Pulsante Barra degli Strumenti Composer - Non è necessario digitare manualmente i tag (risolve il problema di escaping delle parentesi del nuovo editor!)
Design Bellissimo - Linea a gradiente verticale con un’estetica pulita e minimalista
Supporto Markdown - Preserva tutta la formattazione all’interno delle timeline
Multilingua - Traduzioni integrate per 9 lingue (EN, ZH_CN, ZH_TW, DE, ES, FR, JA, KO, RU)
Compatibile con Temi - Funziona sia con la modalità chiara che scura
Personalizzabile - Cambia facilmente i colori tramite le impostazioni dell’amministratore
Reattivo - Layout ottimizzato per dispositivi mobili
Sicuro - Protezione XSS integrata
Nessuna Dipendenza - Utilizza solo le API native di Discourse
Utilizzo
Utilizzo del Pulsante Barra degli Strumenti (Il più facile!)
- Apri il composer
- Fai clic sul pulsante del menu “+” (opzioni)
- Seleziona “Inserisci Timeline”
- Modifica il tuo contenuto
- Pubblica!
Il pulsante della barra degli strumenti risolve il problema per cui il nuovo editor di Discourse esegue automaticamente l’escape delle parentesi quadre digitate manualmente.
Esempio di Sintassi
[timelines]
## Gennaio 2024 - Lancio Progetto
Il progetto è stato ufficialmente avviato e il team è stato formato.
## Marzo 2024 - Prima Release
Sviluppo delle funzionalità principali completato e iniziati i test beta.
## Giugno 2024 - Versione 2.0
Aggiornamento importante con nuove funzionalità:
- Funzionalità A
- Funzionalità B
- Funzionalità C
[/timelines]
Personalizzazione
Tutti i colori possono essere personalizzati tramite le impostazioni del tema:
- timeline_gradient_start - Colore del gradiente superiore (predefinito:
#ff7a18) - timeline_gradient_end - Colore del gradiente inferiore (predefinito:
#ffb800) - timeline_heading_color - Colore del testo dell’intestazione (predefinito:
#d96d14) - timeline_dot_color - Colore del punto della timeline (predefinito:
#ff7a18) - timeline_heading_color_dark - Colore dell’intestazione in modalità scura (predefinito:
#ff9854) - timeline_dot_border_color_dark - Bordo del punto in modalità scura (opzionale)
Spero che questo componente ti sia utile! Fammi sapere se hai domande, feedback o suggerimenti. 
