Benutzerdefinierte Kopfzeilen-Links

Themenkomponente
,
137

Hallo @andreas_can, willkommen bei Meta :wave:

Diese Komponente fügt jedem Link eine CSS-Klasse hinzu, basierend auf seinem Text. Die hinzugefügte Klasse ist dieselbe wie der Text, den Sie dem Link geben, außer dass Leerzeichen durch einen Bindestrich (-) ersetzt und der Text in Kleinbuchstaben umgewandelt wird. Dann wird die Zeichenfolge -custom-header-links am Ende angehängt.

Wenn Sie also einen Link mit dem Text hinzufügen

privacy

dann hat das Linkelement die Klasse

privacy-custom-header-links

Wenn Ihr Linktext lautet

Visit Shop

dann wäre die CSS-Klasse

visit-shop-custom-header-links

Jetzt kennen Sie also die Klasse, die jedem Link hinzugefügt wird. Zurück zu Ihrer Frage.

Discourse fügt dem <html>-Tag eine CSS-Klasse hinzu, wenn der Benutzer nicht angemeldet ist. Diese Klasse ist

anon

Sie können dies also verwenden, um bestimmte Links für Benutzer auszublenden, die nicht angemeldet sind. Nehmen wir an, ich habe einen Link mit dem Text

Customer Support

und ich möchte nicht, dass er für Benutzer angezeigt wird, die nicht angemeldet sind.

Ich würde dann dieses CSS hinzufügen

.anon {
  .customer-support-custom-header-links {
    display: none;
  }
}

im Tab common > CSS Ihres Hauptthemas.

Dies blendet diesen speziellen Link für Benutzer aus, die nicht angemeldet sind.

11 „Gefällt mir“