Funktion "Hervorhebungsthema" einführen

Für diese großartigen Themen scheint es keine Möglichkeit zu geben, sie zu ermutigen, z. B. indem man ihren Beitrag hervorhebt.

Um ein Thema in der Themenliste hervorzuheben, kannst du das Thema oben in der Liste anpinnen. Dies ist eine native Discourse-Funktion.

1 „Gefällt mir“

Ich weiß das, aber meiner Meinung nach ist „Anpinnen" für Regeln dieser Kategorie oder Ähnliches gedacht. Ich bevorzuge es, wenn es eine Möglichkeit gibt, einige Themen in der Liste hervorzuheben, ohne sie anzupinnen.

Kannst du uns ein Mock-up zeigen, wie du dir das vorstellst?

So ähnlich. Färben und fetten Sie den Beitragstitel und fügen Sie einen Stern hinzu … nur als Beispiel, damit Benutzer erkennen können, dass dieser Beitrag hervorgehoben und als herausgestellt markiert ist.

Cool! Das kannst du ganz einfach mit einer kleinen Theme-Komponente umsetzen. Erstelle zunächst einen Staff-Tag, um diesen „Hervorhebungs"-Zustand zu kennzeichnen, nennen wir ihn beispielsweise „highlight". Markiere dann die Themen, die du hervorheben möchtest, mit diesem Tag.

Im Theme-Code musst du es nach deinen Wünschen stylen, zum Beispiel so:

tr.tag-highlight {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}

Dann sieht es so aus:

6 „Gefällt mir“

Ich weiß, wie man das mit CSS macht – dieses Beispiel funktioniert bei mir auf Discourse auch. Ich möchte nur wissen, ob es möglich ist, diese Funktion offiziell einzubauen. Ich finde, das Hervorheben ist eine ziemlich nützliche Funktion.

3 „Gefällt mir“

Das ist sehr cool und funktioniert, um Themen in Themenlisten hervorzuheben, aber ich möchte auch das Thema selbst hervorheben. Es scheint, dass das Tag auf einer Themenseite nur für das Tag selbst existiert.

Ich habe versucht, dies zu tun, was funktionieren könnte, aber wahrscheinlich mache ich es falsch.

.title-wrapper div.has-highlight {
  /* Styles für die <h1> mit der Klasse */
  color: blue !important;
  font-weight: bold;
}
1 „Gefällt mir“

Was ist „das Thema selbst“ in diesem Zusammenhang?

Auf der Themenseite für Themen mit dem Tag möchte ich das Thema in einer anderen Farbe (oder was auch immer) gestalten, damit es nicht nur in den Themenlisten, sondern auch beim Besuch der Themenseite als besonders hervorgehoben wird.

Sie meinen den ersten Beitrag in einem Thema, den OP, richtig?

body.tag-highlight article#post_1 {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}
1 „Gefällt mir“

Das ist großartig! Wie ziele ich jetzt auf den TITEL des Themas?


// dies zielt auf das Tag selbst
a[data-tag-name="extra-special-topic"] {
    color: yellow !important;
}

// dies ändert den Titel in Topic-Listen
.tag-extra-special-topic .raw-topic-link {
    color: blue !important;
}

// Dies zielt auf den Hintergrund/Körper des OP
body.tag-extra-special-topic article#post_1 {
    background-color: blue;
    font-weight: bold;
    border: 3px dotted pink;
}
.tag-extra-special-topic #topic-title .fancy-title {
  color: papayawhip;
}

Mein lieber Freund, hast du den vorgeschlagenen Ansatz versucht? Ich muss gestehen, ihre Erklärung entzog sich meinem Verständnis. :rofl:

Welchen Teil? Du öffnest einfach deinen Theme-Editor und bearbeitest das CSS.

Das hat bei mir etwas Seltsames bewirkt. Wenn ich mich im hervorgehobenen Thema befinde, wird es auch auf andere Themen unten in der Liste “Neue & Ungelesene Themen” angewendet.

Aber wenn ich NICHT im Thema bin, ist nur das hervorgehobene Thema hervorgehoben (wie man es erwarten würde).

Was ist damit los :lol:?