Tag-Stil-Tool

:information_source: Zusammenfassung Tag Style Tool ermöglicht es Ihnen, das Erscheinungsbild von Tags anzupassen.
:eyeglasses: Vorschau Wird noch ausgefüllt
:hammer_and_wrench: Repository TagStyleTool auf Github
:question: Installationsanleitung So installieren Sie ein Theme oder eine Theme-Komponente
:open_book: Neu bei Discourse Themes? Leitfaden für Anfänger zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

Über

TagStyleTool ist eine inspirierte Version von (3) bestehenden Komponenten, um das Erscheinungsbild von Tags auf Discourse anzupassen!

Funktionen:

  • Kompatibilitätsprobleme behoben (insbesondere zwischen dem Entfernen von Bindestrichen und Tag-Symbolen)
  • Zuweisen eines Font Awesome-Symbols zu bestimmten Tags.
  • Option hinzugefügt, ein Standardsymbol für Tags anzuwenden, die nicht definiert sind.
  • Invertierte Vererbung, z. B. Label- oder Textfarbe
  • Behebt ein Problem mit der Kontrastfarbe bei der Textfarbe, wenn die Einstellung für die Label-Färbung verwendet wird.
  • Ermöglicht die Auswahl zwischen den vorhandenen Tag-Stilen.
  • Vielseitigkeit der Einstellungen, die das Deaktivieren des Standard-Tags oder der Bindestrichfunktion ermöglichen.
  • Das Einstellungsformat ist dasselbe (mit zusätzlichen neuen Einstellungen) wie bei Tag Icons, was eine einfache Portabilität/Übernahme ermöglicht.

Mehr zu tun:

  • Implementieren einer Option zur Anwendung auf eine ganze Kategorie. (Dies hat Nachteile, ich denke, es kann getan werden, erfordert aber zusätzliche Wartung)
  • Standard-Tag-Farbe :sweat_smile: ein Was-wäre-wenn-Szenario, wenn Sie nur die Farbe und nicht das Symbol wünschen.
  • Benutzerfreundliche Korrekturen für Einstellungen

Sonstiges:

Dies ist das erste Mal seit langem, dass ich etwas veröffentliche. Wenn Sie Probleme haben, lassen Sie es mich wissen!

Inspiration (und in einigen Fällen Formatierung/Einstellungen usw.) wurde direkt von diesen bestehenden Projekten übernommen:
Remove Dashes from Tag Names
Tag Icons
Color Tag Style

Hilfreiche Ressourcen

Font Awesome
HTML Color Picker

3 „Gefällt mir“

Ich werde das versuchen! Danke!! Ich habe mir eine Reihe von Tag-Styling-Komponenten angesehen und es schien fummelig, mehrere installieren zu müssen, also werde ich deine beim nächsten Mal ausprobieren, wenn ich an meinem Setup arbeite!

1 „Gefällt mir“

Habe es schnell ausprobiert. Zwei „Anfänger“-Kommentare:

  • Ich verliere mich etwas in den FontAwesome-Sachen. Sind es nur die kostenlosen? Welche Version? Gibt es irgendwo eine Liste aller Icons (oder ist sie zu lang dafür)?
  • Farbe: Wie kompliziert wäre es, einen Farbwähler anzubieten, für Leute, die nicht fließend RGB sprechen? :innocent:

Aber vielen Dank schon mal, das sieht gut aus!

Machen Sie sich keine Sorgen, wenn Sie sich verlaufen, ich helfe Ihnen gerne auf jede erdenkliche Weise, dafür ist Discourse ja schließlich da, nicht wahr?

Font Awesome
Die Komponente sollte automatisch jedes Font Awesome-Symbol aus der aktuellen Version unterstützen, das in der aktuellen Version von Discourse enthalten ist. Ich glaube, sie unterstützen derzeit v6. Alle diese finden Sie hier: Font Awesome.
Zum zweiten Teil der Frage: Ja, es ist kostenlos, es gibt eine Premium-Version, aber ich bin mir nicht sicher, wie sich das mit Discourse verhält, da Font Awesome bereits im Kern enthalten ist.

Farbauswahl (Color Picker)
Ich kann mir ansehen, ob ich eine implementieren kann, aber da es sich um eine Theme-Komponente handelt, bin ich mir nicht sicher, wie viel ich tun kann, bevor es notwendig wird, ein Plugin zu sein. Sie können dieses hilfreiche Werkzeug verwenden. Sie klicken auf den Bereich „Use HTML 5“, wo sich die Farbe befindet, und für diese Komponente möchten Sie den Hex-Farbcode verwenden. HTML Color Picker

1 „Gefällt mir“

Danke! Tatsächlich wäre ein Link zu diesen beiden Ressourcen in der Einstellungs-Oberfläche schon super hilfreich!

1 „Gefällt mir“

Heutzutage gibt es eine native HTML-Komponente zur Farbauswahl

Wir verpacken es auch in einer Komponente für eine noch einfachere Verwendung.

3 „Gefällt mir“