Tags und Abzeichen nur für Gäste aus dem Hamburger Menü ausblenden

Unterstützung
1

Ich möchte die ausgeloggte Benutzeroberfläche so einfach wie möglich gestalten und frage mich daher, ob ich Tags und Abzeichen nur für Gäste aus dem Hamburger-Menü ausblenden kann.

Ich weiß, dass dies mit CSS aus diesem Beitrag leicht gemacht werden kann -

Aber wie prüfe ich die Bedingung, dass der Benutzer ein Gast ist und blende dann Menüpunkte aus? Ich muss wahrscheinlich eine Funktion aufrufen, um dies zu überprüfen (genau wie bei WordPress), aber ich habe keine Ahnung, wie das in Discourse funktionieren würde. Kann mir jemand bitte helfen?

2

Anonyme Benutzer haben eine anon-Klasse, die Sie anvisieren können. Sie könnten also etwas wie Folgendes verwenden:

.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.categories-link { 
    display: none
   }
  }
}

(Ich habe nur die anon-Klasse zum Beispiel aus dem anderen Thema hinzugefügt. Sie müssten sie anpassen, um die spezifischen Dinge auszublenden, die Sie wollten)

3 „Gefällt mir“
3

Das hat wie am Schnürchen funktioniert. Danke! Das Einzige, was noch zu verstecken ist, ist der Tags-Link, aber er scheint keine eigene Klasse zu haben. Wie kann ich ihn ansprechen? Mit der Klasse widget-link werden die Links About, FAQ und Mobile View ausgeblendet.

442×140 9.21 KB

1 „Gefällt mir“
4

Das hier scheint vielversprechend:

1 „Gefällt mir“
5

Perfekt. Das ist der endgültige Code, der funktioniert hat. Ich habe auch die Trennleiste ausgeblendet. Danke Jammy!

/* Hide tags and badges link from hamburger menu for guests */
.anon {
.hamburger-panel .menu-panel {
  a.latest-topics-link,
  a.top-topics-link,
  a.badge-link,
  li a.widget-link[href="/tags"],
  .menu-container-general-links
    {
    display: none
   }
  }
}
3 „Gefällt mir“
6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.