Sichtbarkeitskontrolle für Beitragsbenachrichtigungen

[Moin]

	Zusammenfassung	Sichtbarkeit und Stil von Beitragsbenachrichtigungen nach Typ und Alter anpassen
	Repository	GitHub - moin-Jana/post-notice-visibility-control: Customize visibility and style of post notices by type and age
	Installationsanleitung	So installieren Sie ein Theme oder eine Theme-Komponente
	Neu bei Discourse Themes?	Anfängerleitfaden zur Verwendung von Discourse Themes

Installieren Sie diese Theme-Komponente

Diese Komponente ermöglicht es Ihnen, zu steuern, wie jeder Benachrichtigungstyp (neuer Benutzer, wiederkehrender Benutzer und offiziell) bei neuen und älteren Beiträgen angezeigt wird. Sie können wählen, ob sie hervorgehoben, sichtbar oder verborgen werden sollen – und benutzerdefinierte Hervorhebungsfarben unabhängig für jeden Typ festlegen.

Die Screenshots zeigen Beispiele dafür, wie die verschiedenen Typen bei neuen Beiträgen (links) und älteren Beiträgen (rechts) aussehen können:

Konfigurationsbeispiel 1

"custom_new": "highlighted"
"custom_old": "highlighted"
"custom_highlight_color": "var(--danger-low-mid)"

"new_user_new": "highlighted"
"new_user_old": "visible"
"new_user_highlight_color": "var(--success-low)"

"returning_user_new": "highlighted"
"returning_user_old": "hidden"
"returning_user_highlight_color": "var(--primary-200)"

Konfigurationsbeispiel 2

"custom_new": "highlighted"
"custom_old": "visible"
"custom_highlight_color": "var(--gold)"

"new_user_new": "visible"
"new_user_old": "hidden"
"new_user_highlight_color": "var(--tertiary-low)"

"returning_user_new": "visible"
"returning_user_old": "hidden"
"returning_user_highlight_color": "var(--tertiary-low)"

Für jede Kombination aus Benachrichtigungstyp und Alter können Sie wählen, ob die Benachrichtigung hervorgehoben, sichtbar (ohne Hervorhebung) oder verborgen sein soll. Wenn Sie “hervorgehoben” wählen, können Sie optional eine benutzerdefinierte Hintergrundfarbe festlegen.

Ich empfehle die Verwendung einer Farbvariable wie var(--quaternary-low). Diese Variablen verweisen auf Farben aus der aktiven Farbpalette, sodass sie sich automatisch anpassen, wenn ein Benutzer zwischen verschiedenen Paletten wechselt (z. B. im Dunkel- oder Hellmodus). Dies macht sie zu einer flexibleren Option als fest codierte Farben. Während die meisten Farbpaletten nur wenige Basisfarben anzeigen, generiert Discourse auch Schattierungen dieser Farben, die Sie verwenden können. Sie können viele der verfügbaren Farbvariablen im Styleguide erkunden, den Sie über die Website-Einstellung styleguide enabled aktivieren können. Alternativ können Sie Ihre Website im Browser inspizieren – öffnen Sie die Entwicklertools, gehen Sie zum Tab “Styles” und scrollen Sie nach unten, um alle verfügbaren Farbvariablen anzuzeigen.

Sie können auch Hex-Werte wie #EE8888, RGB-Werte wie rgb(255, 200, 200) oder benannte Farben wie red verwenden.

Wenn keine Farbe angegeben wird, greift die Komponente auf var(--tertiary-low) zurück. Die Standardeinstellungen der Komponente spiegeln das Standardverhalten von Discourse wider – das einfache Aktivieren ändert also nichts, bis Sie sie konfiguriert haben.

Die Anzahl der Tage, nach denen eine Beitragsbenachrichtigung als “alt” gilt, wird durch die Website-Einstellung old post notice days definiert. Dies gilt für alle drei Benachrichtigungstypen.
Wichtig: Das Alter basiert auf dem Zeitpunkt der Erstellung des Beitrags – nicht auf dem Zeitpunkt der Hinzufügung der Benachrichtigung.
Sie können den Wert vorübergehend auf 0 setzen, um einfach zu sehen, wie Benachrichtigungen in ihrem “alten” Zustand erscheinen werden.

[Moin]

Alte Beitragsbenachrichtigungen werden in der neuesten Version von Discourse nicht mehr gerendert, was bedeutet, dass sie nicht über CSS gestylt werden können. Infolgedessen haben alle _old-Einstellungen keine Auswirkung mehr.

[Moin]

Mit den neuesten Updates für Discourse wurde die Klasse old, die die Komponente früher verwendete, um neue und alte Hinweise unterschiedlich zu gestalten, entfernt. Beitragsbenachrichtigungen für neue und wiederkehrende Benutzer werden nun automatisch nach der Einstellung old post notice days entfernt, während offizielle Benachrichtigungen dauerhaft sichtbar und hervorgehoben bleiben.

Infolgedessen ist diese Komponente weitgehend obsolet geworden. Die verbleibenden Anpassungsoptionen beziehen sich nur noch auf die allgemeinen Farbeinstellungen für Beitragsbenachrichtigungen. Diese können wie unten gezeigt einfach über CSS angepasst werden:

.post-notice.custom {
    background-color: var(--danger-low-mid);
}
.post-notice.new-user {
    background-color: var(--success-low);
}
.post-notice.returning-user {
    background-color: var(--primary-200);
}

Wenn Sie die Hintergrundhervorhebung für einen bestimmten Benachrichtigungstyp entfernen möchten, verwenden Sie einfach background-color: unset;