Menüpunkte AKTIVE setzen
Es soll ja Plug-Ins geben, die so etwas für einen machen. Hab aber nie eins gefunden, dass richtig funktioniert. Daher folgenden Code zusammengebastelt.
Geht wie folgt! :-D
Im Header oder Sidebar (wo auch immer Du das Menü anzeigst) folgenden Code einbauen.
Ich habe allen Menüpunkte am Ende ein | angefügt, als Trenner. Den letzten Punkt habe ich manuell eingeügt, damit er kein | hat. Daher hat diese Seite "Page 14" eine eigene Class ("noBorder").
Als Aktiv habe ich im Style eine Class "Current" angelegt.
<ul>
<?php wp_list_pages('title_li='); ?>
<li class="noBorder"><a <?php if (is_page(14)) echo('class="current" '); ?>href="<?php bloginfo('url'); ?>/?page_id=14">Contact</a></li>
</ul>
In der Datei Styles.css folgenden Code einbauen und natürlich Deinem Bedürfnissen anpassen.
#menu_top ul li a {
text-decoration: none;
color: #94B6C0;
}
#menu_top ul li a:hover {
color: #94B6C0;
text-decoration: underline;
}
#menu_top .current, #menu_top .current:hover {
color: #fff;
text-decoration: none;
}
#menu_top .noBorder
{
border: none;
}
#menu_top .current_page_item a {
background: none !important;
color: #fff !important;
text-decoration: underline;
}
#menu_top .current_page_item ul li a:hover {
background: none !important;
color: #fff !important;
text-decoration: underline;
}
Alles anzeigen
Bei Fragen gerne melden.
Gruß
Morris
ars novum Group LLC