hallowebsite Simple Menu
Gibt ein beliebiges WordPress-Menü als sauberes, ungestyltes Markup in einem barrierearmen nav-Element aus – ohne CSS und ohne JavaScript. Als Block oder Shortcode nutzbar; Footer-, Rechtstexte- oder Seitenleisten-Menüs gestaltest du genau so, wie du willst.
Download v1.0.1Überblick
hallowebsite Simple Menu gibt ein WordPress-Menü als sauberes, schlichtes wp_nav_menu()-Markup aus, umschlossen von einem barrierearmen <nav>-Element. Im Frontend kommt kein CSS, kein JavaScript und kein zusätzlicher Wrapper dazu. Ideal für Footer-Menüs, Rechtstexte-Links, Seitennavigationen oder eigene Layouts, die du selbst mit deinem Theme oder den Kadence-Palettenvariablen gestaltest.
Funktionen
- Gutenberg-Block Simple Menu (Kategorie Theme), das Menü wählst du in der Seitenleiste.
- Shortcode
[simple_menu]für Widgets, Templates und Page Builder. - Einstellbare Tiefe: alle Ebenen oder nur die oberste(n).
- Eigene CSS-Klasse am
<nav>-Wrapper. - Keine Frontend-Assets.
Verwendung
Block
Den Block Simple Menu einfügen und in den Block-Einstellungen Menü und Tiefe wählen.
Shortcode
[simple_menu menu="main"]
[simple_menu menu="footer" depth="1" class="footer-nav"]
Shortcode-Attribute
| Attribut | Standard | Beschreibung |
|---|---|---|
menu | – | Menü-Name, Slug oder ID. |
depth | 0 | 0 = alle Ebenen, 1 = nur oberste Ebene, … |
class | – | Zusätzliche CSS-Klasse am <nav>-Element. |
Ausgabe
<nav aria-label="Footer" class="footer-nav">
<ul class="menu">
<li class="menu-item"><a href="…">Impressum</a></li>
</ul>
</nav>
Gestaltungsbeispiel
.footer-nav .menu { display: flex; gap: 1rem; list-style: none; margin: 0; padding: 0; }
.footer-nav a { color: var(--global-palette5); }
.footer-nav a:hover { color: var(--global-palette1); }
Changelog
Changed: - Rebranding: neuer Name „hallowebsite Simple Menu“, Autor hallowebsite, Plugin-URI https://hallowebsite.de/plugins/simple-menu/ - Keine funktionalen Änderungen.