Hintergrund
Ich habe ja nun mehr oder weniger meine Eigenentwicklung eines Themes. Klar das original Falling Dreams Theme liegt meinem zugrunde, doch seit 2005 gab es kein Update mehr. Da ich es immer noch sehr gerne nutze, bleibt mir nichts anderes übrig, als es selber immer wieder an neue WordPress Versionen anzupassen - daher sag ich ja Eigenentwicklung, denn nach acht Jahren hat sich bei mir im Code sehr viel geändert, wie man auf dem ersten Blick auch sieht. Kein Problem: es steht unter GPL und wenn es jemand haben will, schicke ich demjenigen auch meinen fork zu.
Problem
Seit einigen WordPress Versionen gibt es nun das Custom-Menü und eigentlich liebäugele ich schon etwas länger mit diesem Menü. Heute habe ich mich ans Herz gefasst und dieses nun in mein Theme eingebaut! Und die Gute Nachricht: Es funktioniert schon einmal. :grin:
Dies ist der Code, den ich gemäß Codex eingebaut habe:
<ul id="menu">
<!-- Automatische Seiten -->
<li><?php
$defaults = array(
'theme_location' => '',
'menu' => '',
'container' => 'div',
'container_class' => '',
'container_id' => '',
'menu_class' => 'menu',
'menu_id' => '',
'echo' => true,
'fallback_cb' => 'wp_page_menu',
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
'depth' => 0,
'walker' => ''
);
wp_nav_menu( $defaults );
?></li>
</ul>Ich habe jetzt noch zwei Probleme die übrig bleiben. In diesem Thread geht es mir darum, dass in meinem Blog die Menü Buttons in der Mitte, statt Links orientiert sind. Ich möhte, dass die Buttons alle nach Links rutschen.
Mein CSS Code für menu sieht wie folgt aus:
#menu {
color: #fff;
display: block;
font: bold 11px/9px Verdana, Geneva, Arial, Helvetica, sans-serif;
left: 50%;
margin: 0px 0px 0px 0px;/*-363px;*/
padding: 5px 0px 5px 0px;
position: relative;
text-align: left;
/*top: 333px;*/
top:-42px;
left:-10px;
width: 723px;
}
#menu a {
background: #333;
color: #fff;
font-weight: bold;
height: 19px;
margin: 0px;
padding: 5px 15px 5px 15px;
}
#menu a:hover {
background: #536d88;
color: #fff;
text-decoration: none;
}
#menu li {
display: inline;
margin: 0px;
padding: 0px;
text-transform: lowercase;
}
#menu ul {
list-style-type: none;
}
#menu ul li {
padding: 0px;
}
#menu-background {
background: url(images/background_menu.jpg) no-repeat;
height: 30px;
margin: 0px;
padding: 2px 3px 3px 25px;
}Was muss ich ändern?