TagStyleTool ist eine inspirierte Version von (3) bestehenden Komponenten, um das Erscheinungsbild von Tags in Discourse anzupassen!
v0.2
Hinzugefügt: Visueller Stil-Builder – Ermöglicht das Suchen von Symbolen, das Auswählen von Farben und das Importieren von Kategorien!
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 Standard-Tag-Symbol auf jedes nicht definierte Tag anzuwenden.
Invertierte Vererbung, z. B. Etiketten- oder Textfarbe
Behebt ein Problem mit der Kontrastfarbe bei der Textfarbe, wenn die Einstellung für die Etikettenfärbung verwendet wird.
Ermöglicht die Auswahl zwischen den vorhandenen Tag-Stilen.
Vielseitigkeit der Einstellungen, die das Deaktivieren der Standard-Tag- oder Bindestrichfunktion ermöglichen.
Das Einstellungsformat ist dasselbe (mit dem Zusatz neuer Einstellungen) wie bei Tag Icons, was eine einfache Portabilität/Übernahme ermöglicht.
Stand v0.2
Implementierung einer Option zur Anwendung auf eine ganze Kategorie. (Dies hat Nachteile, ich denke, es ist machbar, erfordert aber zusätzlichen Wartungsaufwand)
Durchsuchen Sie die FontAwesome-Datenbank nach dem perfekten Symbol!
Wählen Sie Ihre Lieblingsfarbe aus einem visuellen Farbwähler.
Mehr zu tun:
Standard-Tag-Farbe 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 einiger Zeit, dass ich etwas in der Öffentlichkeit veröffentliche. Wenn Sie Probleme haben, lassen Sie es mich wissen!
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!
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?
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
Nun, ich habe einige Fortschritte gemacht. Ich muss noch ein paar Dinge aufräumen, bevor ich es pushe, zum Beispiel funktioniert die Einfüge-Logik nicht (Kopieren schon), und der Button ist auf der ganzen Seite sichtbar und, wie Sie sehen können, befindet er sich am unteren Rand.
Außerdem habe ich herausgefunden, wie man es auf alle Tags einer Tag-Gruppe anwendet.
Der Builder ist ziemlich großartig! Ich konnte ihn zunächst für ein paar Tags verwenden, und als ich dann auf das grüne Häkchen klickte, um meine Einstellungen zu speichern, verschwand der Tag-Stil-Builder.
Wenn ich die Seite aktualisiere, erscheint der Button nur für einen kurzen Moment, bevor er wieder verschwindet.
Außerdem kann ich eines der Symbole (z. B. lock-keyhole) auf dem Tag nicht anzeigen lassen, obwohl es vom Builder vorgeschlagen wird. Ich habe es auch zur SVG-Icons-Liste hinzugefügt, gespeichert, aber es funktioniert immer noch nicht.
Das ist so kurz davor, eine Freude bei der Nutzung zu sein, vielen Dank für die Bemühungen. Ich würde mir wünschen, dass dies mehrere andere Theme-Komponenten dauerhaft für mich ersetzt.
Ich habe das alles zwischen 1 und 2 Uhr nachts gemacht und um 6 Uhr veröffentlicht, also verzeihen Sie mir die ein oder anderen kleinen Fehler.
Ich kann das Verschwinden des Buttons reproduzieren, das Ding ist hartnäckig. Ich glaube, ich habe es repariert.
Ich habe anscheinend etwas bezüglich der Font Awesome Icons vergessen. Sie müssen zu den Einstellungen Ihrer Seite gehen und dort den SVG-Subset aufrufen und es manuell hinzufügen. Wenn Discourse es noch nicht verwendet, wird es standardmäßig nicht gerendert. Selbst wenn ich das getan habe, hatte ich immer noch ein Problem damit, dass es nicht gerendert wurde. Ich werde das genauer untersuchen.
Ich musste die Komponente löschen und neu installieren (beide Male), damit die Builder-Schaltfläche überhaupt angezeigt wurde.
Mit der neuesten Version kann ich dazu bringen, dass die Schaltfläche während der ersten Einrichtung meiner Tags bestehen bleibt. Und ich kann sie dazu bringen, eine Aktualisierung zu überstehen. Aber wenn ich vom Bildschirm „Themes & Components“ (Themen & Komponenten) zurück in den Komponenten-Bearbeitungsbildschirm gehe, fehlt die Schaltfläche wieder. Gemeiner kleiner Fehler.
Ich werde mit dem Icon-Teil herumspielen. Da es eine Möglichkeit gibt, Standard-Icons auszuschalten, gäbe es eine Möglichkeit, das Tag-Icon für farbige Tags zu verwerfen? So als ob es mit dem Standard-Icon-Set übereinstimmt oder so? Die Komponente für farbige Tags war schön, weil sie kein Icon setzen musste, ich mochte das saubere Aussehen, und das zu replizieren wäre für mich eine nützliche Funktion.
Ich probiere gerade ein paar Dinge aus. Ich habe dir mein neuestes Beta-Bundle geschickt. Lass mich wissen, wenn du damit Probleme hast, da ich von dieser Codebasis ausgehe.
Es sollte einige dieser Dinge beheben. Ich habe eine To-do-Liste hinzugefügt, um auf Overrides zurückzugreifen, z. B. Tag1,Pencil,NoColor würde einfach Tag1,Pencil, <Color wenn Standard verwendet wird, True oder false Standard verwendet, andernfalls wird keine Farbe angewendet> rendern.
ein Was-wäre-wenn-Szenario, wenn Sie nur die Farbe und nicht das Symbol wünschen.
herausgefunden, wie man es auf alle Tags einer Tag-Gruppe anwendet.
Ich habe es veröffentlicht, lass mich wissen, wenn du Probleme hast.