 |
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
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
-
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, AnsichtText: Was auf dem Menü erscheint.
Symbol: Das neben dem Punkt angezeigte Symbol. Wenn Sie kein Symbol verwenden möchten, geben Sienoneein.
Titel: Der Text, der beim Hovern über den Punkt angezeigt wird.
Ansicht: Wählen Sie, auf welchen Geräten der Punkt angezeigt werden soll.
vdmerscheint sowohl auf Desktop als auch auf Mobilgeräten
vdoerscheint nur auf Desktops,
vmoerscheint nur auf Mobilgeräten.Aufgrund des Platzmangels wird empfohlen, auf Mobilgeräten nicht mehr als 3–4 Punkte hinzuzufügen.
-
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 Sienone, 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 Sieblank, um den Link in einem neuen Tab zu öffnen, oderself, 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 Sieparent, 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.
-
Layout-Optionen.
Diese sind selbsterklärend
-
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.
Vielen Dank!