Wie man Font Awesome-Icons neben Kategorien anzeigt?

[Merlls_Rizzini]

Anstatt PNG-Bilder versuche ich, Font Awesome-Icons zu verwenden, aber sie sehen kaputt aus. Hast du eine Idee, wie man das zum Laufen bringt?

[tshenry (Taylor)]

Versuchen Sie es mit der folgenden Komponente. Ich habe sie gerade getestet, und sie funktioniert:

Category Icons

This theme component is deprecated and should no longer be used. Its features are now in Discourse Core (see: Bringing popular features to Discourse). For private category icon customization, refer to this topic. Summary Category Icons allows category badge links to have icons next to the category name. Preview Preview on Discourse Theme Creator Repository Link https://github.com/discourse/discourse-category-icons …

[Merlls_Rizzini]

Hey tshenry. Ich habe diese Theme-Komponente gesehen, aber sie wird im gesamten Forum angezeigt (und nur in den Unterkategorien). Ich möchte sie nur im Kategorie-Block/der Kategorienliste auf der Kategorien-Seite anzeigen lassen. Die einzige Option, die Discourse bietet, ist das Einbinden eines .png-Bildes.

.navigation-categories .category-text-title .category-name{
position: relative;
&:before{
    position: relative;
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    font-weight: 900;
}

Das ist mein Versuch, jedoch mit Font Awesome-Icons.

Gleiche Anfrage:

Category Icons

Another request would be having the icon next to the category name on the category page if it’s not a subcategory: [image]

[tshenry (Taylor)]

Ah ok, der von dir gepostete CSS-Code funktioniert nicht mehr.

Ich denke, der beste Weg, dies zu erreichen, wäre, einen Plugin-Auslass in das Template category-title-link einzufügen und ein Widget zu verwenden, um das entsprechende Icon vor dem Kategoriennamen hinzuzufügen. Es erscheint mir sinnvoll, dass die Komponente „Category Icons

[Merlls_Rizzini]

@tshenry

Wenn Sie möchten, dass Symbole nur in der Kategorienliste angezeigt werden, können Sie sie an anderen Stellen mit CSS ausblenden.

@tshenry

Ich kann einen PR für den Plugin-Ausgang erstellen und dann versuchen, einen PR für die Komponente „Kategoriesymbole" zu erarbeiten, der diese Funktionalität hinzufügt.

Das wäre großartig. @pmusaraj

[pmusaraj (Penar Musaraj)]

Das klingt für mich gut, danke, dass du das geprüft hast.

[Merlls_Rizzini]

@tshenry hast du dazu schon ein Update?

[tshenry (Taylor)]

Noch nicht, aber ich sollte diese Woche daran arbeiten können.

Edit: Ich habe das jetzt in einer lokalen Version der Komponente zum Laufen gebracht:

Ich werde mein Bestes geben, morgen die erforderlichen PRs einzureichen, und hoffentlich ist alles nächste Woche irgendwann bereit.

[tshenry (Taylor)]

Diese Funktionalität ist nun im Kategorie-Icons-Komponente enthalten. Damit die Funktion ordnungsgemäß funktioniert, stellen Sie bitte sicher, dass Sie die neueste Version von Discourse und die neueste Version der Komponente verwenden.