Schönen Abend an Alle!
Ich bin gerade dabei mein erstes Theme selber zu erstellen und dabei auf ein Problem gestossen => es betrifft das dynamische Menu.
Ich habe mittels wp_nav_menu ein Menue für die Sidebar erstellt -> hat alles wunderbar geklappt.
Auch dass das sub-menu nur bei aktivem parent angezeigt wird funktioniert. Was ich aber einfach nicht hinbekomme ist: der aktive Menupunkt wird nicht hervorgehoben. Bzw habe ich es mittels:
geschafft , dass der aktive Menupunkt grün dargestellt wird. Allerdings wenn ich einen parent aktiviere werden auch automatisch die childs aktiv dargestellt.
Deswegen meine Frage: wie kann ich einen parent hervorheben wenn dieser aktiv ist ohne die innaktiven childs auch hervorzuheben?
Anbei noch ein paar Codes:
sidebar.php:
<div id="sidebar_menu">
<?php wp_nav_menu( array( 'theme_location' => 'sidebar-menu', 'fallback_cb' => false ) ); ?>
<!-- "fallback_cb = false" dient dazu, dass wenn im Dashboard kein "sidebar-menu" angelegt ist, WP nicht automatisch alle Seiten auflistet -->
</div>
functions.php
add_action( 'init', 'register_my_menus' );
function register_my_menus() {
register_nav_menus(
array(
'header-menu' => __( 'Header Menu' ),
'sidebar-menu' => __( 'Sidebar Menu' ),
'main-menu' => __( 'Main Menu' ),
'under-menu' => __( 'Under Menu' ),
'footer-menu' => __( 'Footer Menu' ),
)
);
}
Alles anzeigen
style.css
#sidebar_menu {margin-left: -30px;}
#sidebar_menu ul li {list-style-type:none;}
.sub-menu {margin-left: -20px; display: none;}
.current_page_item .sub-menu, .current_page_parent .sub-menu { display: block;}
/* dient dazu, dass das submenu nur angezeigt wird wenn der parent aktiv ist */
.current_page_item a {color: green;} .current_page_parent a {color: green;}
/*dient der Hervorhebung des aktiven Links - allerdings werden die child-menues auch mit hervorgehoben */
der von WP erstellte Quellcode:
<div id="sidebar_menu">
<div class="menu-sidemenu-container"><ul id="menu-sidemenu" class="menu"><li id="menu-item-59" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-59"><a href="http://localhost/wordpress/?page_id=46">Testseite_5</a>
<ul class="sub-menu">
<li id="menu-item-58" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-58"><a href="http://localhost/wordpress/?page_id=49">Testseite_6</a></li>
</ul>
</li>
<li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="http://localhost/wordpress/?page_id=9">TestAWI</a>
<ul class="sub-menu">
<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="http://localhost/wordpress/?page_id=60">Testseite_7</a></li>
</ul>
</li>
</ul></div> <!-- "fallback_cb = false" dient dazu, dass wenn im Dashboard kein "sidebar-menu" angelegt ist, WP nicht automatisch alle Seiten auflistet -->
</div>
Alles anzeigen
Was mich auch wundert sind die sehr langen classes der Links?
Kann mir jemand helfen? Wäre echt froh!
Grüsse
Pixelig
PS: die komischen Anmerkungen dienen mir nur zur besseren Übersicht da ich programmiertechnisch noch nicht ganz fit bin ;)
PPS: Ja, ich habe die Suche verwendet ;)