Haben Sie die responsiven Vollbildmenüs gesehen, die in beliebten Blogs verwendet werden? Diese Menüs erscheinen auf der Site mit einem Standard-Hamburger-Symbol. Wenn ein Benutzer darauf klickt oder tippt, wird ein Vollbild-Overlay mit dem Site-Menü mit einem schönen Effekt angezeigt. In diesem Artikel zeigen wir Ihnen, wie Sie ein responsives Vollbild-Menü in WordPress hinzufügen, ohne Code zu schreiben.
Videoanleitung
Wenn Ihnen das Video nicht gefällt oder Sie weitere Anweisungen benötigen, lesen Sie weiter.
Als erstes müssen Sie die installieren und aktivieren DC-Vollbild-Responsive-Menü Plugin. Nach der Aktivierung müssen Sie besuchen Erscheinungsbild » DC-Vollbildmenü Seite, um die Plugin-Einstellungen zu konfigurieren.
Sie müssen ein Menü aus der Dropdown-Liste auswählen. Wenn Sie noch kein Navigationsmenü erstellt haben, lesen Sie unsere Anleitung zum Hinzufügen von Navigationsmenüs in WordPress.
Danach müssen Sie die Richtung des Slide-In-Effekts für das Vollbildmenü auswählen. Sie können zwischen oben, rechts, links, unten oder ohne Effekt wählen.
Das DC Fullscreen Responsive-Menü ermöglicht es Ihnen, auch eine Hintergrund- und Textfarbe für das Menü auszuwählen. Stellen Sie sicher, dass Sie eine Kombination wählen, die die Augen schont und zu Ihrem Farbschema passt.
Berücksichtigen Sie bei der Auswahl der Text- oder Hintergrundfarbe immer, wie sich diese Farben auf die Lesbarkeit auswirken.
Sie können eine Google-Schriftart für den Menütext auswählen. Geben Sie einfach den Schriftartnamen ein und das Plugin lädt ihn für Sie.
Vergessen Sie nicht, das Kontrollkästchen neben der Option „Kleiner Link zum Autor“ zu deaktivieren. Wenn diese Option aktiviert bleibt, wird auf allen Ihren Seiten ein Link zurück zur Website des Plugin-Autors hinzugefügt.
Klicken Sie abschließend auf die Schaltfläche Senden, um Ihre Einstellungen zu speichern. Sie können jetzt Ihre Website besuchen, um das Menü in Aktion zu sehen. Wir empfehlen Ihnen, die Größe Ihres Browsers zu ändern, um zu sehen, wie sich das Menü auf verschiedenen Bildschirmgrößen verhält.
Wir hoffen, dieser Artikel hat Ihnen geholfen, Ihrer WordPress-Site ein responsives Vollbildmenü hinzuzufügen. Vielleicht möchten Sie auch unsere Anleitung zum Hinzufügen eines Folienmenüs in WordPress lesen.