Header-Untermenüs

[Discourse]

	Zusammenfassung	Header-Untermenüs ermöglichen es Ihnen, ein Header-Menü – einschließlich Untermenüs – mit reinem Text zu erstellen!
	Vorschau	Vorschau auf Discourse Theme Creator
	Repository-Link	https://github.com/discourse/discourse-header-submenus
	Neu bei Discourse-Themes?	Einsteigerleitfaden zur Verwendung von Discourse-Themes

Installieren Sie diese Theme-Komponente

Da es sich um eine #offizielle Theme-Komponente handelt, die vom Discourse-Team gepflegt wird, können Sie Support, Contribute > Bug, Contribute > UX und #contribute:feature-Anfragen in den jeweiligen Kategorien hier auf Meta stellen und mit dem entsprechenden Tag der Theme-Komponente versehen. Klicken Sie auf einen der unten stehenden Links, um eine Anfrage zu starten.

 Support  Fehler  UX  Funktion

Funktionen

Desktop

Mobil

Einstellungen

Name	Beschreibung
Menüpunkte	Menüpunkte hinzufügen. Ein Punkt pro Zeile in dieser Reihenfolge: Text, Symbol, Titel, Ansicht.
Untermenüpunkte	Untermenüpunkte hinzufügen. Ein Punkt pro Zeile in dieser Reihenfolge: Übergeordnet, Text, Symbol, URL, Ziel, Titel.
SVG-Symbole	Enthalten Sie FontAwesome-Symbolklassen für jedes in den obigen Listen verwendete Symbol.
Fester Modus	Erzwingt die Sichtbarkeit des Menüs oben auf dem Bildschirm, unabhängig von der Scroll-Position – nur Desktop
Pfeil anzeigen	Zeigt Pfeilsymbole neben den Menüpunkten an
Position invertieren	Menüpunkte auf der gegenüberliegenden Seite des Bildschirms anzeigen
Menühintergrund	Hintergrundfarbe für das Menü. (hex, rgb, rgba oder CSS-Farbnamen)
Menüpunktfarbe	Farbe für Menüpunkte. (hex, rgb, rgba oder CSS-Farbnamen)
Menüpunkt-aktiv-Hintergrund	Hintergrundfarbe für Menüpunkte im aktiven Zustand. (hex, rgb, rgba oder CSS-Farbnamen)
Menüpunkt-aktiv-Farbe	Farbe für Menüpunkte im aktiven Zustand. (hex, rgb, rgba oder CSS-Farbnamen)
Untermenü-Hintergrund	Hintergrundfarbe für Untermenüs. (hex, rgb, rgba oder CSS-Farbnamen)
Untermenü-Punktfarbe	Farbe für Untermenüpunkte. (hex, rgb, rgba oder CSS-Farbnamen)
Untermenü-Punkt-Hover-Hintergrund	Hintergrundfarbe für Untermenüpunkte beim Hovern. (hex, rgb, rgba oder CSS-Farbnamen)
Untermenü-Punkt-Hover-Farbe	Farbe für Untermenüpunkte beim Hovern. (hex, rgb, rgba oder CSS-Farbnamen)
Trennlinienfarbe	Farbe für Trennlinien in Untermenüs. (hex, rgb, rgba oder CSS-Farbnamen)

Es gibt vier Gruppen von Einstellungen

1. Menüpunkte

   Geben Sie die Punkte ein, die im Menü erscheinen sollen. Ein durch Kommas getrennter Punkt pro Zeile in dieser Reihenfolge

   Text, Symbol, Titel, Ansicht

   Text: Was auf dem Menü erscheint.
   Symbol: Das neben dem Punkt angezeigte Symbol. Wenn Sie kein Symbol verwenden möchten, geben Sie none ein.
   Titel: Der Text, der beim Hovern über den Punkt angezeigt wird.
   Ansicht: Wählen Sie, auf welchen Geräten der Punkt angezeigt werden soll.

   ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ vdm erscheint sowohl auf Desktop als auch auf Mobilgeräten
   ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ vdo erscheint nur auf Desktops,
   ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ ‏‏‎ vmo erscheint nur auf Mobilgeräten.

   Aufgrund des Platzmangels wird empfohlen, auf Mobilgeräten nicht mehr als 3–4 Punkte hinzuzufügen.

2. Untermenüpunkte

   Geben Sie eine Liste der Untermenüpunkte ein, die Sie Ihrem Menü hinzufügen möchten. Ein durch Kommas getrennter Punkt pro Zeile in dieser Reihenfolge

   Übergeordnet, Text, Symbol, URL, Ziel, Titel

   Übergeordnet: Der Name des übergeordneten Menüpunkts, unter dem dieser Untermenüpunkt angezeigt werden soll. Verwenden Sie den Text-Wert aus der obigen Liste.
   Text: Der Text, der für diesen Untermenüpunkt angezeigt wird.
   Symbol: Das Symbol für diesen Untermenüpunkt, verwenden Sie none, wenn kein Symbol benötigt wird.
   URL: Der Pfad, zu dem dieser Menüpunkt verlinkt. Sie können auch relative Pfade verwenden.
   Ziel: Wählen Sie, ob dieser Punkt in einem neuen Tab oder im selben Tab geöffnet werden soll. Verwenden Sie blank, um den Link in einem neuen Tab zu öffnen, oder self, um ihn im selben Tab zu öffnen.
   Titel: Der Text, der beim Hovern über den Punkt angezeigt wird.
   Trennlinien: Sie können auch Trennlinien zwischen Untermenüpunkten hinzufügen. Um eine Trennlinie hinzuzufügen, verwenden Sie parent, divider.

Hier ist ein kurzes Beispiel, das die Punkte 1 und 2 oben abdeckt:

Angenommen, ich möchte einen Menüpunkt namens Design hinzufügen und ihm einige Untermenüpunkte hinzufügen, wie folgt

Ich würde dies zuerst als menu_item eingeben

Design, magic, Get inspired!, vdm

Und dann diese als sub_menu-Punkte eingeben

Design, Galleries, th, #, blank, Cool galleries for you to look at.
Design, Design process, lightbulb-o, #, blank, Learn the basics.
Design, Blog design, columns, #, blank, What makes for a great blog?
Design, divider
Design, Freebies, gift, #, blank, Everyone likes freebies!
Design, Photoshop tutorials, book, #, blank, Photoshop for beginners.
Design, Design trends, bar-chart, #, blank, Stay on top of the current trends!

Das war’s!

Das Theme enthält standardmäßig ein Platzhalter-Menü, schauen Sie sich also das an und fragen Sie nach, wenn Sie Fragen haben.

3. Layout-Optionen.

   Diese sind selbsterklärend

   

4. Farboptionen

   Diese sind standardmäßig leer, aber wenn Sie hier eine Farbe hinzufügen, überschreibt sie die Standardwerte der Komponente, die auf dem aktuellen Farbschema basieren.

Von uns gehostet? Theme-Komponenten sind in unseren Standard-, Business- und Enterprise-Plänen verfügbar.