Navigationsmenü-Widget (Pro)

das Navigationsmenü Widget ermöglicht es Ihnen, zu verwenden Menüs, die Sie in WordPress erstellt haben und gestalten Sie sie nach Ihren Wünschen.
Sehen Sie sich dieses Video an, in dem die verschiedenen Funktionen dieses Widgets erläutert werden.

Inhalt

Design

1. Speisekarte: Wählen Sie ein Menü aus, das Sie zuvor mit konfiguriert haben Aussehen > Menüs
2. Design: Wählen Sie ein horizontales, vertikales oder Dropdown-Layout
3. Antreten: Legt die Ausrichtung des Menüelements entweder links, mittig, rechts oder ausgerichtet fest
4. Zeiger: Wählen Sie einen Zeiger aus, entweder Keine, Unterstreichen, Doppelte Linie, Gerahmt, Hintergrund oder Text
5. Animation: Wählen Sie die Zeigeranimation aus, entweder Fade, Slide, Grow, Drop, Drop oder None
6. Untermenüanzeige: Wählen Sie das Symbol, das angibt, dass ein Element Untermenüelemente enthält, entweder Keine, Klassisch, Chevron, Winkel oder Mehr

Mobiles Dropdown-Menü

1. Haltepunkt: Wählen Sie aus, an welcher Stelle das Dropdown-Menü für Mobilgeräte aktiviert werden soll, unabhängig davon, ob es sich um Mobilgeräte, Tablets oder Keine handelt.
2. Gesamtbreite: Wählen Sie aus, ob das Dropdown-Menü für Mobilgeräte die gesamte Breite des Geräts umfasst, entweder Ja oder Nein
3. Antreten: Wählen Sie aus, ob die mobilen Menüelemente links oder in der Mitte angezeigt werden sollen, indem Sie Apart oder Center auswählen
4. Aktivierungsschaltfläche: Hamburger-Symbol als Umschalttaste anzeigen oder nicht
5. Ausrichten umschalten: Zeigt die Umschalttaste links, in der Mitte oder rechts auf dem Bildschirm an

Stil

Hauptmenü

Typografie: Legt die Typografieoptionen für den Menüelementtext fest.

Die folgenden Elemente können unabhängig voneinander für die drei Status konfiguriert werden: Normal, Hover und Aktiv.

Beachten Sie, dass wenn eine Versatzfarbe festgelegt ist, aber keine aktive Farbe festgelegt ist, die aktive Farbe die Standardversatzfarbe verwendet.

1. Textfarbe: Wählen Sie die Textfarbe des Menüelements
2. Zeigerfarbe: Wählen Sie die Farbe des aktiven oder sich bewegenden Zustands des Zeigers. Im Normalzustand wird die Farbe als Akzentfarbe in der Einstellung Standardfarben verwendet.
3. Zeigerbreite: Legt die Breite des Zeigers fest
4. Horizontale Polsterung: Legt den horizontalen Abstand um den Text von Menüelementen fest
5. Vertikale Polsterung: Legt die vertikale Auffüllung um den Text von Menüelementen fest
6. Raum zwischen: Legt den Abstand zwischen den einzelnen Menüelementen fest

Dropdown-Liste

Auf dem Desktop wirkt sich dies auf das Untermenü aus. Auf Mobilgeräten wirkt sich dies auf das gesamte Menü aus.

Die folgenden Elemente können unabhängig voneinander für die drei Status konfiguriert werden: Normal, Hover und Aktiv.

1. Textfarbe: Wählen Sie die Textfarbe des Menüelements
2. Hintergrundfarbe: Wählen Sie die Hintergrundfarbe der Menüelemente
3. Typografie: Legt die Schriftartoptionen für Menüelemente fest
4. Randtyp: Wählen Sie einen Randtyp im Dropdown-Menü aus und wählen Sie Keine, Fest, Doppel, Gepunktet, Gepunktet oder Rille
5. Breite: Legt die Breite des Rahmens fest
6. Farbe: Wählen Sie die Rahmenfarbe
7. Kantenradius: Legt den Radius des Rahmens fest, um die Rundheit der Ecken zu steuern
8. Schatten der Kiste: Erstellt einen Box-Schatten um das Dropdown-Menü
9. Horizontale Polsterung: Legt den horizontalen Abstand um den Text von Menüelementen fest
10. Vertikale Polsterung: Legt die vertikale Auffüllung um den Text von Menüelementen fest

Teiler

1. Randtyp: Wählen Sie einen Kantentyp für den Teiler aus und wählen Sie Keine, Fest, Doppel, Gepunktet, Gepunktet oder Rille
2. Farbe: Wenn Trennrand ausgewählt ist, wählen Sie die Farbe des Trennrandes
3. Rahmenbreite: Wenn Teilungsrand ausgewählt ist, legen Sie die Breite des Teilungsrandes fest
4. Entfernung: Legt den Abstand zwischen dem Hebel und dem Dropdown-Menü fest

Tipp: gehen Sie zu Elementor> Einstellungen> Erweitert und stellen Sie sicher Load Font Awesome 4-Unterstützung ist in gegründet Ja damit die Untermenüanzeigen korrekt angezeigt werden.

Aktivierungsschaltfläche

Die folgenden Elemente können unabhängig voneinander für normale und schwebende Zustände eingestellt werden.

1. Farbe: Wählen Sie die Farbe des Symbols für die Umschalttaste
2. Hintergrundfarbe: Wählen Sie die Hintergrundfarbe der Umschalttaste
3. Größe: Legt die Größe der Umschalttaste fest
4. Rahmenbreite: Legt die Breite des Rahmens um die Umschalttaste fest
5. Kantenradius: Legt den Randradius der Umschalttaste fest

Hinweis: Die Umschalttaste bezieht sich auf das Hamburger-Menüsymbol.

Zugänglichkeitsattribute

das Navigationsmenü-Widget hat die folgenden Zugänglichkeitsattribute:

• Tabindex
• Arie erweitert
• versteckte Arie
• Rolle = "Navigation"

Fortgeschrittene

Legen Sie die erweiterten Optionen fest, die für dieses Widget gelten

• Lesen Sie den vollständigen Release-Beitrag zum Menü-Widget
• Lesen Sie, wie Sie ein benutzerdefiniertes Navigationsmenü erstellen und gestalten