WebSuche

So ändern Sie den JetMenu-Stil – mteleben.com-Kundendienst

Last Updated on 11/10/2021 by MTE Leben

In diesem Tutorial erfahren Sie, wie Sie den JetMenu-Stil mithilfe der Plugin-Einstellungen ändern.

Ändern des Menüstils mit dem JetMenu-Plugin

  • Lassen Sie uns den Menü-Container-Hintergrund mit JetMenu ändern. Öffnen Sie dazu zunächst die Registerkarte Darstellung > Menüs auf der linken Seite des Dashboards.
  • Wählen Sie hier ein zu bearbeitendes Menü aus der Menüliste aus und klicken Sie auf die Schaltfläche Auswählen.Wenn Sie immer noch kein Menü haben, lesen Sie bitte das Tutorial So erstellen Sie ein Menü, um zu erfahren, wie Sie eines erstellen.

  • Schalten Sie im Block JetMenu-Einstellungen die Option JetMenu für aktuellen Standort aktivieren und klicken Sie auf die Schaltfläche Speichern.
  • Navigieren wir nun zur Registerkarte JetMenu in der linken Spalte des Dashboards.

    Klicken Sie auf die Registerkarte Stile und aktivieren Sie die Option Menü-Container-Hintergrund.
  • Danach sehen Sie zusätzliche Optionen, mit denen Sie die Hintergrundfarbe des Menücontainers ändern, den Verlaufshintergrund aktivieren, die zweite Farbe einstellen und die Verlaufsrichtung ändern können.
  • Wenn Sie ein Hintergrundbild als Hintergrund für den Menücontainer verwenden möchten, klicken Sie auf die Schaltfläche Bild auswählen und wählen Sie das Bild aus der Medienbibliothek aus, das Sie anwenden möchten, oder laden Sie es von Ihrer Festplatte hoch.
  • Um den Hintergrundstil des Menücontainers raffinierter zu gestalten, können Sie ihm mit den entsprechenden Optionen im Stilblock einen Rahmen oder einen Schatten hinzufügen.
  • Um die Menü-Container-Winkel glatter und runder zu machen, definieren Sie den Radius-Wert des Menü-Containers (z. B. 10px).
  • Jetzt haben wir den Hintergrund des Menücontainers geändert haben, müssen wir die Menütypografie ändern. Navigieren Sie dazu zur Registerkarte Hauptmenü-Stile und legen Sie die geeignete Schriftart fest, passen Sie die Schriftarteinstellungen wie Schriftgröße, Gewicht, Stil usw. an.
  • Lassen Sie uns die Textfarbe der Menüelemente ändern. Sie können es ändern, wenn Sie den Mauszeiger darüber bewegen oder wenn es aktiv ist. Wechseln Sie dazu zwischen den Modi Normal, Hover und Aktiv und ändern Sie die Textfarbe des Elements in die gewünschte.
  • Sie können auch die Farbe des Menüsymbols und der Menüpfeiltaste auf die gleiche Weise im Hauptmenü-Stil-Block ändern.
  • Übernehmen Sie den Elementrahmen und ändern Sie seine Farbe und Radius, falls Sie es brauchen.
  • Es gibt auch eine Option für den Artikelhintergrund. Hier können Sie die Hintergrundfarbe oder das Bild für die Menüpunkte festlegen. Die Hintergrundfarbe oder das Bild wird oben auf der Hintergrundfarbe oder dem Bild des allgemeinen Menücontainers angezeigt.
  • Sie können auch die Option Farbtransparenz verwenden, um den Hintergrund des Menüelements transparent zu machen. In diesem Fall wird die Hintergrundfarbe des Menücontainers durch die Ebene der Elementhintergrundfarbe gesehen.
  • Sie können dasselbe für das Untermenü und die Untermenüpunkte tun. Navigieren Sie zur Registerkarte Untermenüstile und wählen Sie Einfaches Untermenüfeld oder Mega-Untermenüfeld. Aktivieren Sie dann die Option Panel-Hintergrund und passen Sie den Hintergrund des Untermenüs an.
  • Setzen Sie den Rahmen für das Untermenü, ändern Sie die Rahmenbreite und -farbe, aktivieren Sie Box Shadow usw.
  • Ändern Sie die Typografie der Untermenüelemente (stellen Sie die geeignete Schriftart und ändern Sie den Schriftstil, die Schriftstärke, die Größe usw.).
  • Scrollen Sie auf der Seite nach unten, um den Block anzuzeigen, in dem Sie die Stile der Untermenüelemente im Normal-, Hover- und Aktivmodus ändern können.
  • Wenden Sie verschiedene Farben für die Menüelemente an, aktivieren Sie die Option Elementhintergrund und legen Sie den Hintergrund fest, um ihn für die Untermenüelemente zu verwenden, ändern Sie die Farben der Menü-Dropdown-Pfeile usw.
  • Wie Sie sehen, gibt es viele Einstellungen für den Menüstil, und Sie können Ihren Menüstil mit JetMenu auch ohne Programmierkenntnisse leicht ändern!

    Auf dem Bild unten können Sie Sehen Sie sich das Beispiel für den einfachen Menüstil an, der mit den oben beschriebenen Stileinstellungen erstellt werden kann.

    Schreibe einen Kommentar

    Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

    Schaltfläche "Zurück zum Anfang"