# Kategorie-Icons

**URL:** https://meta.discourse.org/t/category-icons/104683
**Category:** Theme component
**Tags:** official, deprecated, category-icons
**Created:** [19. Dezember 2018 um 16:22 UTC](https://meta.discourse.org/t/category-icons/104683 "2018-12-19T16:22:44Z")
**Posts on this page:** 20
**Page:** 8

<div class="post-metadata">

### Author: ![JamesDb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jamesdb/32/262538_2.png) [@JamesDb](https://meta.discourse.org/u/JamesDb)
#### Post date: [15. Juni 2022 um 09:32 UTC](https://meta.discourse.org/t/category-icons/104683/154 "2022-06-15T09:32:12Z")

</div>

Tatsächlich habe ich das noch einmal überprüft und diese Einschätzung des Problems scheint nicht korrekt zu sein. Es scheint, dass alle Slugs, die einige der gleichen Wörter wie andere enthalten, nicht funktionieren, obwohl sie keine Teilstrings verwenden.

Wenn ich bereits diese Slugs verwende:

midi  
deprecated

Dann kann ich nicht verwenden:

midi-deprecated  
midideprecated  
mideprecated  
deprecated-midi

Irgendwie unterscheidet es es nicht als anderen Slug, nehme ich an

Am Ende musste ich verwenden: abcd

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [18. Juni 2022 um 17:05 UTC](https://meta.discourse.org/t/category-icons/104683/155 "2022-06-18T17:05:00Z")

</div>

Hallo. Kann ich Kategorie-Icons auf einem farbigen runden Hintergrund wie bei NodeBB erstellen? Das lässt die Icons schöner aussehen

 ![IMG_20220618_200157](https://global.discourse-cdn.com/meta/original/4X/4/b/f/4bf3784a33686680d7384d7e05df0a105e305873.jpeg)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [18. Juni 2022 um 20:06 UTC](https://meta.discourse.org/t/category-icons/104683/156 "2022-06-18T20:06:32Z")

</div>

Ja, das sollte mit etwas CSS machbar sein.

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [26. Juni 2022 um 23:21 UTC](https://meta.discourse.org/t/category-icons/104683/157 "2022-06-26T23:21:36Z")

</div>

Hallo. Können Sie eine Kategorie-Stil-Einstellung hinzufügen, damit es so aussieht?

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4. September 2023 um 14:05 UTC](https://meta.discourse.org/t/category-icons/104683/158 "2023-09-04T14:05:41Z")

</div>

3 Beiträge wurden in ein neues Thema aufgeteilt: [Wie werden diese Kategoriebilder hinzugefügt?](https://meta.discourse.org/t/how-are-these-category-images-added/277725)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4. September 2023 um 14:03 UTC](https://meta.discourse.org/t/category-icons/104683/162 "2023-09-04T14:03:48Z")

</div>

Ein Beitrag wurde auf ein neues Thema aufgeteilt: [Kategorie-Sperrsymbole in der Seitenleiste hinzufügen](https://meta.discourse.org/t/add-category-lock-icons-in-the-sidebar/277724)

---

<div class="post-metadata">

### Author: ![renato](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/renato/32/383632_2.png) [@renato](https://meta.discourse.org/u/renato)
#### Post date: [27. Oktober 2022 um 17:17 UTC](https://meta.discourse.org/t/category-icons/104683/163 "2022-10-27T17:17:10Z")

</div>

> [@pmusaraj](#):
>
> Hier ist ein Beispiel, wie das aussehen würde, wenn der Kategorie-Stil auf `none` gesetzt ist:
> 
> ![image](https://global.discourse-cdn.com/meta/original/3X/8/a/8a65a4ab132f9f261c0598ef19f4888893914f76.png)

Es wurde wahrscheinlich schon einmal angesprochen, aber wir können die Farbe einer Kategorie nicht mehr ändern, wenn der Kategorie-Stil `none` ist. Stattdessen wird dieser Hinweis angezeigt:

> Sie können keine Farben auswählen, da Ihr Kategorie-Stil auf „Keine“ gesetzt ist.

Derzeit müssen wir den Stil auf etwas anderes ändern, die Farbe ändern und den Stil wieder auf `none` zurücksetzen.

Apropos, ich nehme an, wir brauchen immer noch Kernänderungen, um Kategorien und [Tag-Icons](https://meta.discourse.org/t/tag-icons-component/109757) in der Seitenleiste ersetzen zu können, um dem zu folgen, was in diesen Theme-Komponenten eingestellt ist, richtig?

---

<div class="post-metadata">

### Author: ![mattdm](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mattdm/32/216484_2.png) [@mattdm](https://meta.discourse.org/u/mattdm)
#### Post date: [31. Oktober 2022 um 20:15 UTC](https://meta.discourse.org/t/category-icons/104683/166 "2022-10-31T20:15:00Z")

</div>

> [@renato](#):
>
> Es wurde wahrscheinlich schon erwähnt, aber man kann die Farbe einer Kategorie nicht mehr ändern, wenn der Kategorienstil auf `none` (keine) steht. Stattdessen wird folgende Meldung angezeigt:
> 
> > Du kannst keine Farben auswählen, da du einen Kategorienstil von `none` (keine) hast.
> 
> Derzeit müssen wir den Stil auf etwas anderes ändern, die Farbe anpassen und den Stil anschließend wieder auf `none` (keine) zurücksetzen.

Ja. Hier ist das #contribute:bug-Thema dazu mit einigen Diskussionen:

> [@Kategorie Farbauswahl sollte auch erlaubt sein, wenn Stil "keine" ist](https://meta.discourse.org/t/category-color-selection-should-be-allowed-even-when-style-is-none/213745):
>
> In den Kategorieeinstellungen sehe ich die Meldung „Sie können keine Farben auswählen, da Ihr Kategoriestil auf „Keine“ eingestellt ist.“ Sie wird jedoch von der [Category Icons theme component](https://meta.discourse.org/t/category-icons-component/104683) verwendet, und das funktioniert recht gut mit „Keine“ als Stil. Meine aktuelle Übergangslösung besteht darin, die Stileinstellung zu ändern, schnell die Kategorie-Farbe festzulegen und sie schnell wieder zurückzusetzen. Aber das ist irgendwie albern. Bitte erlauben Sie einfach, dass sie festgelegt wird (v…

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4. September 2023 um 13:54 UTC](https://meta.discourse.org/t/category-icons/104683/167 "2023-09-04T13:54:24Z")

</div>

2 Beiträge wurden in ein bestehendes Thema zusammengeführt: [Kategoriensymbole in der Seitenleiste hinzufügen](https://meta.discourse.org/t/add-category-icons-in-the-sidebar/277713)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4. September 2023 um 14:01 UTC](https://meta.discourse.org/t/category-icons/104683/168 "2023-09-04T14:01:17Z")

</div>

5 Beiträge wurden in ein neues Thema aufgeteilt: [Icons work for all but one category](https://meta.discourse.org/t/icons-work-for-all-but-one-category/277723)

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [4. September 2023 um 13:59 UTC](https://meta.discourse.org/t/category-icons/104683/170 "2023-09-04T13:59:38Z")

</div>

5 Beiträge wurden in ein neues Thema aufgeteilt: [Icons werden nicht angezeigt](https://meta.discourse.org/t/icons-not-displaying/277721)

---

<div class="post-metadata">

### Author: ![carson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/carson/32/280685_2.png) [@carson](https://meta.discourse.org/u/carson)
#### Post date: [9. Januar 2023 um 05:21 UTC](https://meta.discourse.org/t/category-icons/104683/179 "2023-01-09T05:21:51Z")

</div>

Ich habe 3 Ergänzungen vorgenommen, die ich mir wirklich gewünscht habe.

## Funktion 1 — Kategorie-Logo als Kategorie-Symbol

Laden Sie einfach die SVG- oder PNG-Datei in den Kategorieeinstellungen unter `Kategorieeinstellungen > Bilder > Kategorie-Logo-Bild` hoch. Kein Herumfummeln mit benutzerdefinierten Sprite-Sheets erforderlich!

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/e/1/c/e1c517ea257d9b1f17b026ac5f5c543edefa0ff2.png)

#### Einstellungen

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/e/a/5/ea5816ee895c042601988be40c7a2bbfb619c664.png)

> [@mattdm](#):
>
> Ehrlich gesagt, idealerweise wäre es anstelle der etwas umständlichen tabellenbasierten Konfiguration wirklich schön, wenn dies auf der eigentlichen Konfigurationsseite für jede Kategorie eingestellt werden könnte.

Ich stimme dem zu, es wäre äußerst schön, alles von den jeweiligen Kategorieseiten aus konfigurieren zu können. Ich denke, diese Funktion ist das Nächstbeste, wenn Sie damit einverstanden sind, das Kategorie-Logo als Kategorie-Symbol zu verwenden.

* * *

Zusätzlich können Sie jetzt 2 Arten von Emojis verwenden!

## Funktion 2 — Natives System-Emoji als Kategorie-Symbol

Verwenden Sie einfach die native Emoji-Tastatur auf Ihrem iOS-, macOS- oder anderen Gerät, um ein einzelnes Unicode-Emoji-Zeichen einzugeben.

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/5/d/d/5dd0db563ebc8689f1d65bb6dd5bc623baf6f0a4.jpeg)

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/b/f/6/bf6f7318ddda34ce7b8a229cedba1140f09f9e4b.png)

#### Einstellungen

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/9/d/2/9d2163b9f40876aa3e28490dfd1abfeca44f0079.png)

* * *

## Funktion 3 — Discourse-Emoji als Kategorie-Symbol (+ Profi-Tipp!)

Verwenden Sie das gehostete Emoji-Set von Discourse! Geben Sie einfach die Emoji-Kurzform ein, z. B. `:grinning:`, die dann zu 😀 gerendert wird.

### Profi-Tipp

Wenn Sie ein benutzerdefiniertes Kategorie-Symbol hochladen möchten, ohne das Kategorie-Logo zu ersetzen, ist dies eine großartige Lösung. Laden Sie einfach das Symbol als Emoji unter `Admin > Anpassen > Emoji` hoch. Verwenden Sie dann die `:Kurzform:` des Emojis.

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/2/9/9/29911ff272112a8e155b8e39440a2d78d1588d2b.png)

#### Einstellungen

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/1/e/f/1ef5faffdaf228586515a0f8ff2d6f666367db3a.png)

* * *

Native Emojis, Discourse-Emojis und Font Awesome-Icons können auch gemischt werden, wenn Sie das mögen…

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/4/5/d/45d7f5c56e2e734b8f6848cd357aebb728380665.png)

#### Einstellungen

 ![Bild](https://global.discourse-cdn.com/meta/original/4X/4/1/b/41b2f34c3176ebfe6f4fd9c923607940e4ed3ed8.png)

* * *

Bei der Entwicklung hatte ich einige Fragen an @pmusaraj —

> [@mattdm](#):
>
> Ich glaube, es gibt einige Fehler beim Abgleichen. Ich habe eine Kategorie `commblog` und konnte keiner `commblog-review`-Kategorie ein Symbol zuweisen. Ich habe es umgangen, indem ich sie stattdessen `community-blog-review` genannt habe. (Die `match` / `partial`-Konfiguration schien nicht zu helfen, aber vielleicht habe ich das falsch gemacht.)

Können wir die Option `partial` möglicherweise ganz entfernen und die Kategorie-Slug durch die Kategorie-ID ersetzen, um das Problem zu lösen, dass Unterkategorien denselben Slug haben? Wenn ich unterschiedliche Symbole für Unterkategorien mit demselben Slug haben wollte, wäre das auch eine Lösung. Da IDs eindeutiger sind, scheinen sie der logische Ansatz zu sein und weniger anfällig für Fehler (es sei denn, sie löschen eine Kategorie, nehme ich an, aber weist das Löschen jeder Kategorie-ID zu?).

Außerdem, ist die Einstellung `svg-icons` noch notwendig? (Die Font Awesome-Icons werden auch ohne Angabe dort gerendert.)

> **[GitHub - discourse/discourse-category-icons at v2](https://github.com/discourse/discourse-category-icons/tree/v2)**
>
> v2

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [9. Januar 2023 um 09:14 UTC](https://meta.discourse.org/t/category-icons/104683/180 "2023-01-09T09:14:56Z")

</div>

Es wäre toll, wenn man die Farbe des runden Hintergrunds des Symbols wählen könnte, wie bei NodeBB. Symbole wären besser sichtbar.

---

<div class="post-metadata">

### Author: ![carson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/carson/32/280685_2.png) [@carson](https://meta.discourse.org/u/carson)
#### Post date: [9. Januar 2023 um 16:44 UTC](https://meta.discourse.org/t/category-icons/104683/181 "2023-01-09T16:44:22Z")

</div>

> [@volanar](#):
>
> Es wäre toll, die Farbe des runden Hintergrunds des Symbols wie in NodeBB wählen zu können. Symbole wären besser sichtbar.

Danke für den Vorschlag! Ich habe es mir angesehen und es ist tatsächlich ziemlich cool. Ich denke, es könnte eine Option geben, bei der ein kreisförmiger Hintergrund aktiviert werden kann, der von der Kategorie-Farbe übernommen wird. Es erinnert mich an die Optionen für Profilbilder von Apple.

 ![image](https://global.discourse-cdn.com/meta/original/4X/6/d/f/6dfae7df3fa1b038095386949554e92b7007cc86.jpeg)

* * *

Es scheint, als wäre es eine optimierte Lösung, die vorhandene Farboption für Font Awesome-Symbole zu entfernen und deren Farbe einfach aus der Kategorie-Farbeinstellung zu beziehen. Wie oben erwähnt, könnte es auch eine umgekehrte Lösung geben, bei der das Font Awesome-Symbol weiß über einem kreisförmigen Hintergrund ist, der die Kategorie-Farbe hat. Dies würde unnötige Komplexität beseitigen und ein kohärentes Design ermöglichen.

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [9. Januar 2023 um 17:56 UTC](https://meta.discourse.org/t/category-icons/104683/182 "2023-01-09T17:56:01Z")

</div>

Die Farbe der Kategorie ist visuelles Rauschen. Nodebb verwendet keine Kategorie-Farben, sondern Kategorie-Symbole, und die Kategorien sehen großartig aus

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/7/b/c7b4d2172e94ed0c3719255a8e8e33084e9161cd.png)

---

<div class="post-metadata">

### Author: ![pmusaraj](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pmusaraj/32/119489_2.png) [@pmusaraj](https://meta.discourse.org/u/pmusaraj)
#### Post date: [9. Januar 2023 um 19:21 UTC](https://meta.discourse.org/t/category-icons/104683/183 "2023-01-09T19:21:07Z")

</div>

> [@\_cc](#):
>
> Können wir die `partial`-Option möglicherweise ganz entfernen und die Kategorie-Slug durch die Kategorie-ID ersetzen, um das Problem zu lösen, dass Unterkategorien denselben Slug haben?

Ich glaube, es gibt Leute, die die `partial`-Option verwenden, weil sie _dasselbe_ Symbol für Unterkategorien _möchten_. Ein Wechsel zu Kategorie-IDs würde auch erfordern, dass alle bestehenden Benutzer dieser Theme-Komponente sie nach dem nächsten Update neu konfigurieren, und das wäre ziemlich störend.

> [@\_cc](#):
>
> Außerdem, ist die Einstellung `svg-icons` noch notwendig?

Das ist auch knifflig. Sie ist immer noch nützlich, wenn Sie ein FA-Symbol auswählen, das nicht im Standard-Discourse-Set enthalten ist (d. h. ein Symbol, das im Styleguide Ihrer Website nicht sichtbar ist). Es gibt auch eine allgemeine Website-Einstellung dafür, aber wie bei der `partial`-Konfiguration vermute ich, dass es bereits Benutzer dieser Einstellung gibt, sodass deren Entfernung dazu führen würde, dass auf einigen Discourse-Websites einige Symbole fehlen.

---

<div class="post-metadata">

### Author: ![volanar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/volanar/32/318163_2.png) [@volanar](https://meta.discourse.org/u/volanar)
#### Post date: [9. Januar 2023 um 19:29 UTC](https://meta.discourse.org/t/category-icons/104683/184 "2023-01-09T19:29:24Z")

</div>

> [@pmusaraj](#):
>
> Ich glaube, es gibt Leute, die die Teiloption verwenden, weil sie _das gleiche Symbol für Unterkategorien_ haben möchten. Eine Umstellung auf Kategorie-IDs würde auch erfordern, dass alle bestehenden Benutzer dieser Theme-Komponente diese nach ihrem nächsten Update neu konfigurieren, und das wäre ziemlich störend.

Um dies zu tun, müssen Sie die Einstellung „Symbol von der übergeordneten Kategorie erben“ standardmäßig aktiviert haben.  
Somit wäre die Neukonfiguration einfach und würde nicht viel Zeit in Anspruch nehmen. Viele Dinge können standardmäßig geerbt werden.  
Wählen Sie Ihr eigenes Symbol aus fertigen oder laden Sie es manuell hoch (vielleicht sogar mit der Konvertierung von einem Bild online in SVG). Dies bietet endlose Möglichkeiten, Symbole zur Verbesserung der Benutzerfreundlichkeit der Community zu verwenden.

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [13. Januar 2023 um 22:46 UTC](https://meta.discourse.org/t/category-icons/104683/185 "2023-01-13T22:46:33Z")

</div>

> [@\_cc](#):
>
> Ich habe 3 Ergänzungen vorgenommen, die ich mir wirklich gewünscht habe.

Ich kann nichts davon im TC sehen. Sind das zukünftige Pläne? Oder etwas, an dem Sie gerade arbeiten?

Ich liebe das Konzept! Es wird diesen TC wirklich auf die nächste Stufe heben.

---

<div class="post-metadata">

### Author: ![carson](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/carson/32/280685_2.png) [@carson](https://meta.discourse.org/u/carson)
#### Post date: [13. Januar 2023 um 22:49 UTC](https://meta.discourse.org/t/category-icons/104683/186 "2023-01-13T22:49:34Z")

</div>

Dieses Update wurde noch nicht zusammengeführt, es existiert im Moment nur als separater Branch im Repository. Ich werde nächste Woche einen PR einreichen, um es zusammenzuführen, ohne bestehende Konfigurationen zu beeinträchtigen. Vielen Dank für Ihr freundliches Feedback! 😃

---

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [20. Januar 2023 um 05:01 UTC](https://meta.discourse.org/t/category-icons/104683/189 "2023-01-20T05:01:04Z")

</div>

> [@renato](#):
>
> Derzeit müssen wir den Stil in etwas anderes ändern, die Farbe ändern und den Stil auf `none` zurücksetzen.

Wenn Sie das bbcode-Plugin installieren, können Sie meiner Meinung nach bbcode-Farbe als Option verwenden. Ähnlich gibt es smoji.

[Previous page](https://meta.discourse.org/t/category-icons/104683.md?page=7)

[Next page](https://meta.discourse.org/t/category-icons/104683.md?page=9)
