TagStyleTool è una versione ispirata a (3) componenti esistenti per consentire la personalizzazione dell’aspetto dei tag su Discourse!
v0.2
Aggiunto Visual Style Builder - Consente la ricerca di icone, la selezione dei colori e l’importazione delle categorie!
Caratteristiche:
Risolti problemi di compatibilità (In particolare tra la rimozione dei trattini e le icone dei tag)
Assegna un’icona Font Awesome a tag specifici.
Aggiunta l’opzione per applicare un’icona di tag predefinita a qualsiasi tag non definito.
Ereditarietà invertita, ad esempio colore dell’etichetta o del testo
Risolve un problema di colore di contrasto con il colore del testo quando si utilizza l’impostazione di colorazione dell’etichetta.
Permessa la possibilità di scegliere tra gli stili di tag esistenti.
Versatilità delle impostazioni che consente di disabilitare la funzione di tag predefinito o dei trattini.
Il formato delle impostazioni è lo stesso (con l’aggiunta di nuove impostazioni) di Tag Icons consentendo una facile portabilità/adozione.
A partire dalla v0.2
Implementa un’opzione da applicare a un’intera categoria. (Questo presenta degli inconvenienti, penso che si possa fare, ma richiede una manutenzione aggiuntiva)
Cerca nel database FontAwesome l’icona perfetta!
Scegli il tuo colore preferito da un selettore di colori visivo.
Altro da fare:
Colore predefinito del tag uno scenario “what if” se si desidera solo il colore e non l’icona.
Correzioni per l’utente per le impostazioni
Altro:
Questa è la prima volta che pubblico qualcosa al pubblico dopo un po’. Se riscontri problemi, fammelo sapere!
Proverò questo! Grazie!! Avevo guardato un sacco di componenti per lo stile dei tag e sembrava complicato doverne installare diversi, quindi proverò il tuo la prossima volta che mi dedicherò alla mia configurazione!
Ho provato velocemente. Due commenti da “principiante”:
Mi perdo un po’ con le cose di FontAwesome. Sono solo quelle gratuite? Quale versione? C’è un elenco di tutte le icone da qualche parte (o è troppo lungo per quello)?
colore: quanto sarebbe complicato fornire un selettore di colori, per le persone che non conoscono bene l’RGB?
Non preoccuparti di perderti, felice di aiutare in ogni modo possibile, dopotutto è a questo che serve Discourse, giusto?
Font Awesome
Il componente dovrebbe supportare automaticamente qualsiasi icona Font Awesome dalla versione corrente che è presente nella versione corrente di Discourse. Credo che attualmente supportino la v6. Puoi trovarle tutte qui Font Awesome.
Per la seconda parte della domanda, sì è gratuito, esiste una versione premium, ma non sono sicuro di come funzioni con Discourse poiché Font Awesome è già incluso nel core.
Selettore di Colori
Posso dare un’occhiata e vedere se riesco a implementarne uno, ma dato che è un componente del tema, non sono sicuro di quanto io possa fare prima che diventi necessario essere un plugin. Puoi comunque usare questo utile strumento, clicchi sull’area “Use HTML 5” dove si trova il colore, e per questo componente, vuoi usare il colore esadecimale. HTML Color Picker
Bene, ho fatto qualche progresso. Devo ancora sistemare alcune cose prima di fare il push, come ad esempio la logica di inserimento non funziona (la copia sì), e il pulsante è visibile su tutto il sito, e soprattutto, come puoi vedere, si trova nell’angolo in basso.
Inoltre, ho capito come applicare a tutti i tag di un gruppo di tag.
Il builder è fantastico! Sono riuscito a usarlo per un paio di tag per iniziare, e poi quando ho premuto la spunta verde per salvare le mie impostazioni, il Tag Style Builder è scomparso.
Se aggiorno la pagina, il pulsante appare per un attimo prima di scomparire di nuovo.
Inoltre, non riesco a far apparire una delle icone (ad esempio, lock-keyhole) sul tag nonostante sia suggerita dal builder. L’ho aggiunta anche all’elenco delle icone SVG, ho salvato, ma ancora niente.
È così vicino all’essere un piacere da usare, grazie per gli sforzi. Mi piacerebbe vedere questo sostituire permanentemente diversi altri componenti del tema per me.
Ho fatto tutto questo tra l’1 e le 2 di notte e ho pubblicato alle 6 del mattino, quindi perdonate qualche piccolo intoppo.
Riesco a riprodurre la scomparsa del pulsante, quel dannato elemento è ostinato. Sono riuscito a risolverlo, credo.
Suppongo di aver dimenticato qualcosa riguardo alle icone Font Awesome. Dovete andare nelle impostazioni del vostro sito e accedere al Sottoinsieme SVG, e aggiungerlo manualmente. Se Discourse non lo sta già utilizzando, non verrà visualizzato per impostazione predefinita. Tuttavia, anche facendo questo ho ancora avuto un problema con la sua mancata visualizzazione. Indagherò ulteriormente.
Ho dovuto eliminare il componente e reinstallarlo (entrambe le volte) per far apparire il pulsante del builder inizialmente.
Con l’ultima versione, riesco a far persistere il pulsante attraverso la configurazione iniziale dei miei tag. E riesco a farlo persistere dopo un aggiornamento. Ma tornando alla schermata di modifica del componente da Temi e Componenti, il pulsante è di nuovo mancante. Birbante subdolo.
Giocherò con la parte delle icone. Dato che c’è un modo per disattivare le icone predefinite, ci sarebbe un modo per scartare l’icona del tag per i tag colorati? Come se corrispondesse all’insieme di icone predefinite o qualcosa del genere? Il componente dei tag colorati era ottimo nel non richiedere l’impostazione di un’icona, mi piaceva il suo aspetto pulito, e replicare ciò sarebbe una funzionalità utile per me.
Sto provando alcune cose, ti ho inviato il mio ultimo bundle beta, sentiti libero di farmi sapere se hai problemi con esso, poiché è la base di codice su cui sto lavorando.
Dovrebbe risolvere alcune di queste cose. Ho aggiunto una lista di cose da fare per ripiegare sulle sovrascritture, ad esempio Tag1,Pencil,NoColor renderizzerebbe semplicemente Tag1,Pencil, <Color se viene usato il default, True o false se viene usato il default, altrimenti, nessun colore applicato>.
Questo è un ottimo processo di apprendimento per me!
uno scenario “what if” se si desidera solo il colore e non l’icona.
capito come applicare a tutti i tag di un gruppo di tag.
L’ho rilasciato, fammi sapere se hai problemi.