Last Updated on 11/10/2021 by MTE Leben
In diesem Tutorial erfahren Sie, wie Sie mit dem JetMenu-Plugin Abzeichen und Menüsymbole zu Menüelementen hinzufügen.
Symbole zu Menüelementen hinzufügen
Zuerst navigieren wir zur Registerkarte Erscheinungsbild > Menüs auf der linken Seite des Dashboards .
Wählen Sie das Menü aus, zu dem Sie ein Symbol oder ein Abzeichen hinzufügen möchten.
Suchen Sie den JetMenu-Einstellungsblock und aktivieren Sie die Option JetMenu für aktuellen Standort aktivieren.
Fahren Sie als Nächstes mit der Maus über eines der Elemente und klicken Sie auf die Schaltfläche JetMenu.
Wechseln Sie im neu geöffneten Popup-Fenster auf die Registerkarte Symbol und wählen Sie das Menüsymbol aus der Symbolbibliothek aus.
Im Block Symbolfarbe können Sie die Farbe anwenden, die Sie für das Symbol verwenden möchten.
Für eine detailliertere Symbolanpassung müssen Sie zu . navigieren Registerkarte JetMenu auf der linken Seite des Dashboards und öffnen Sie die erweiterten JetMenu-Einstellungen.
Wechseln Sie zum Symbolblock. Hier können Sie den Symbolstil der obersten Ebene verwalten, um ihn auf die Symbole für die Hauptmenüelemente anzuwenden, und das Symbol der untergeordneten Ebene, um die Symbole für die Untermenüelemente zu verwalten.
Verwenden Sie die Steuerelemente für die Symbolgröße, um sie zu ändern die Größe des Icons oder definieren Sie dessen Größe in px im entsprechenden Fenster.
Im Symbolrand können Sie den für die Symbolränder anzuwendenden Wert in px eingeben.
In den Blöcken Symbol vertikale Position und Symbol horizontale Position Sie können seine Position in Bezug auf das Menüelement festlegen.
Klicken Sie auf die Schaltfläche Speichern, um die Änderungen zu speichern.
Hinzufügen von Abzeichen zu Menüelementen
Um zu Fügen Sie einem der Menüelemente oder Unterelemente ein Abzeichen hinzu, fahren Sie mit der Maus darüber und klicken Sie auf die JetMenu-Schaltfläche, um das JetMenu-Popup-Fenster zu öffnen.
Wechseln Sie zur Registerkarte Abzeichen und geben Sie den Text ein, den Sie als Abzeichen verwenden möchten Titel (zB Neu!).
Geben Sie die Badge-Textfarbe und die Badge-Hintergrundfarbe an.
Gehen wir zum JetMenu-Tab auf der linken Seite des Dashboards, um mit der Anpassung des Badge-Stils fortzufahren.
Öffnen Sie die Registerkarte Erweitert, um auf die erweiterten Stileinstellungen zuzugreifen. Navigieren Sie dann zum Menü “Badge-Einstellungen”.
Wenn Sie das Element-Badge des Hauptmenüs anpassen, gehen Sie zu Top-Level-Badge. Falls sich das Abzeichen neben einem der Untermenüelemente befindet, öffnen Sie die Einstellungen für das untergeordnete Abzeichen Abzeichen.
Geben Sie die Text- und Hintergrundfarbe des Ausweises an.
Beachten Sie, dass die Farben nicht die Farben überschreiben, die Sie unter Darstellung > Menüs > JetMenu > Badge ausgewählt haben. Sie müssen also zuerst die Farben deaktivieren, die Sie angewendet haben, um die Farben zu verwenden, die Sie in JetMenu > Erweitert > Badge-Stileinstellungen festgelegt haben.
Sie können auch den Badge-Rahmen hinzufügen, Geben Sie Breite und Farbe an und wenden Sie den erforderlichen Randradius an.
Verwenden Sie die Option Box Shadow, um dem Abzeichen einen Schatten hinzuzufügen.
Sie können auch Ihre benutzerdefinierten Ränder und Abstände angeben, um das Abzeichen besser aussehen zu lassen stilvoll und platzieren Sie es nach Ihren Bedürfnissen.
Bei Badge vertikale Position und Badge horizontale Position können Sie seine Position in Bezug auf den Menüpunkt ändern.
Klicken Sie auf die Schaltfläche Speichern, um die Änderungen zu speichern.
