Questo componente del tema ti permette di rendere più evidenti i post Wiki (e i post delle Modifiche Condivise).
Le Wiki e le Modifiche Condivise sono una funzionalità potente di Discourse, ma molti utenti non conoscono il concetto e trovano l’interfaccia un po’ troppo sottile. Questo componente rende tutto chiarissimo, riutilizzando il contenuto da Change the style of a wiki post.
L’installazione di questo componente ti permette di controllare il colore di sfondo dei post Wiki e di aggiungere del testo all’icona della cronologia/modifica in alto a destra del post.
Il colore di sfondo dei post Wiki può essere impostato come preferisci. Di default è ‘highlight’, ma puoi usare una di queste opzioni:
Funziona meglio quando viene scelto un colore dello Schema (cioè primary, secondary, tertiary, ecc.), poiché questi si adattano automaticamente alla modalità scura.
Un nome di colore riconosciuto in CSS (ad esempio blue, red, yellow, black, ecc.)
Un codice colore HTML (ad esempio #effbfb, ecc.)
Colore di sfondo Modifiche Condivise
Puoi scegliere una delle stesse opzioni di colore per i post delle Modifiche Condivise (vedi il Plugin Modifiche Condivise)
Testo aggiunto post Wiki
Questo aggiunge quel piccolo testo verde (di default Wiki Post) nell’angolo in alto a destra del post:
È dinamico e cambia colore insieme all’icona della cronologia se è stata effettuata una modifica recente (questo è un effetto collaterale piacevole non previsto):
Se non desideri alcun testo lì, cancella il testo nell’impostazione e salva.
Testo aggiunto Modifiche Condivise
Il testo visualizzato quando si tratta di un post delle Modifiche Condivise. Questo utilizza il colore Danger dalla tua tavolozza.
Roadmap
Taggatura automatica dei Topic con ‘wiki’
Si prega di inviare suggerimenti come risposte a questo post.
Bellissimo lavoro, @nathank!
Sto per archiviare il vecchio repository relativo al colore di sfondo dei post wikificati, a favore della tua nuova versione, che ne aggiunge molte di più.
Non lo capisco né con No né con Yes sull’ultima versione Beta di Discourse. Sei su una vecchia versione di Discourse? Non ho inserito alcun controllo di versione, mi dispiace.
Un componente eccellente. Ma migliora la visibilità solo sulla pagina dell’argomento. È possibile modificarlo in modo che l’icona wiki venga visualizzata sulla pagina della categoria, sull’elenco degli argomenti “recenti”, “non letti”, ecc.?
Ottimo suggerimento, e sono sicuro che sia possibile (PR ben accetti!).
Lo affronto semplicemente etichettando i post con #wiki nelle mie istanze. È ovviamente semi-manuale: puoi identificare i post/argomenti wiki tramite la ricerca avanzata. Ha il vantaggio aggiunto di renderli facilmente individuabili tramite la navigazione nella barra laterale.
Pensavo che sarebbe stato bello avere un’etichettatura automatica dei post wiki come parte di questo componente in qualche modo (o fare come suggerisci), ma non mi ha causato abbastanza problemi da dedicare il tempo a provarci, temo.
Potresti usare i tag per contrassegnare gli argomenti “wiki”.
I tag possono essere stilizzati tramite CSS, se ricordo bene.
Otterresti il beneficio aggiuntivo di un elenco / opzione di drill-down per essi.
Inoltre, un tag wiki potrebbe essere aggiunto agli argomenti che includono wiki automaticamente con un plugin.
Questo è il motivo per cui consiglio un colore Scheme:
Se vuoi discostarti dai tuoi colori, dovrai trovare un modo intelligente per gestire la modalità scura.
Una bella funzionalità sarebbe quella di abilitare anche la specifica di un colore per la modalità scura. Ci darò un’occhiata quando avrò un po’ di tempo libero.
Certo. Ma questi colori sono troppo dominanti per uno sfondo.
Pertanto stavo sognando qualcosa come il 10% di colore scheme mescolato con il 90% di sfondo. Suppongo che SASS (o qualcosa di simile) non sia disponibile nel frontend.
Ma qualche magia CSS come questa funzionerebbe?
Aggiornamento: rgba(0, 255, 0, 0.1) funziona abbastanza bene in modalità scura e chiara.
Le funzioni SASS sono disponibili nella sezione personalizza tema, viene compilato al salvataggio delle modifiche. Non è possibile usare funzioni SASS su variabili tema o CSS.
Se vuoi usare una funzione SASS su un colore del tuo schema colori, devi usare la variabile SASS corrispondente.
Funzionerà
body {
background: darken($secondary, 10%);
}
Non funzionerà
body {
background: darken($my_theme_variable, 10%);
}
Non funzionerà
body {
background: darken(var(--secondary), 10%);
}
E sulla carta, penso che quello che descrive il tuo link dovrebbe funzionare.
