Individuelles Menü ohne liste

Moin,

ich habe ein zweites Menü unter Design->Menüs zusammen gestellt und dieses in einer Sidebar als Widget "individuelles Menü" eingefügt.

Mein Problem ist, das ich gerne möchte das dieses Menü nicht als Liste (sprich <ul> li ) erscheint.
Ich finde die Stelle nicht um das anzupassen.

Vielen Dank!

Björn

Zitat von formateins

Kannst Du individuell anpassen: http://codex.wordpress.org/Function_Reference/wp_nav_menu

Okay, aber das wird nirgends aufgerufen:

grep -i wp_nav_menu * -R 
functions.php:    // This theme uses wp_nav_menu() in one location.
functions.php: * Get our wp_nav_menu() fallback, wp_page_menu(), to show a home link.
header.php:                <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
header.php:                <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>

Das heißt ich muss das irgendwo einfügen? Aber wo denn dann?

Zitat von formateins

Füge es am Ende der functions.php ein oder inkludiere es als eigene Datei... your choice. Sprich: im Rahmen einer Funktion Dein eigenes Menü erstellen und dann entsprechend (in der sidebar.php) einbinden.

Juhu, ich habe etwas verstanden :-).

Leider bekomme ich ul/li dennoch nicht weg. Habe nun folgende Funktion:

function my_wp_nav_menu_args( $args = '' ) {
        $args['items_wrap'] = '%3$s'; 
        return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );

und in der sidebar.php dies eingebunden:

function my_wp_nav_menu_args( $args = '' ) {
        $args['items_wrap'] = '%3$s'; 
        return $args;
}
add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );

Zitat von F-rank

Auch auf die Gefahr hin, off topic zu sein:

eine Liste von Menüpunkten ist und bleibt eine Liste. Semantisch ist daran schwer etwas zu rütteln. Alles weitere könnte und sollte man mit CSS lösen, dazu ist es da.

Grüße!

Na das ist ja okay, sieht nur doof aus. Wenn ich wüsste wie ich mit CSS dort ansetzen kann, dann wüsste ich immer noch nicht wie ich mit CSS das <li> bzw. <ul> entfernen könnte. Ist es nicht ohnehin besser es in Gänze zu entfernen als mit CSS nachzubearbeiten?

Zitat von infected

Wenn es nur darum geht, dass es "doof" aussieht, dann ist CSS das richtige Mittel!

http://de.selfhtml.org/css/eigenschaften/listen.htm
http://www.mediaevent.de/css/css-listen.html

Du musst nur die ID/Klasse des jeweiligen Widgets noch herausfinden.

Okay, mir ist nicht klar welche Klasse die ausschlaggebende welche ist. Im prinzip müssen die Punkte weg und der Platz den die entfernten Punkte hinterlassen ebenfalls.

<div id="secondary" class="widget-area" role="complementary">
</aside><aside id="nav_menu-2" class="widget widget_nav_menu"><h3 class="widget-title">Produkte</h3><div class="menu-side-container"><ul id="menu-side" class="menu"><li id="menu-item-38" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-38"><a href="http://website.local/bettgestelle/">Bettgestelle</a>
<ul class="sub-menu">
    <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"><a href="http://website.local/bettgestelle/massivholzbetten/">Massivholzbetten</a></li>
    <li id="menu-item-36" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-36"><a href="http://website.local/bettgestelle/konfortbetten/">Konfortbetten</a></li>
    <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="http://website.local/bettgestelle/boxspring/">Boxspring</a></li>
    <li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="http://website.local/bettgestelle/metallbetten/">Metallbetten</a></li>
</ul>
</li>
<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="http://website.local/matrazen-und-lattenroste/">Matrazen und Lattenroste</a></li>
<li id="menu-item-62" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-62"><a href="http://website.local/wasserbetten/">Wasserbetten</a></li>
<li id="menu-item-61" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61"><a href="http://website.local/bettwaren/">Bettwaren</a></li>
<li id="menu-item-60" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-60"><a href="http://website.local/schranke-und-beimobel/">Schränke und Beimöbel</a></li>
</ul></div></aside>

Dies habe ich bereits probiert und etliche variationen davon :-P

.sub-menu ul{
        list-style-type: none;
}

Gott, sei dank. Ich habe es endlich hinbekommen. Jetzt weiß ich nicht mehr warum ich das nicht vorher gefunden hab...

Zitat

#nav_menu-2 {
padding: 7%;
margin-top: 5%;
background: #3d81be;
a:link: white;
color: white;
}
#nav_menu-2 a {
color: #eee;
display: block;
line-height: 2.333em;
padding: 0;
text-decoration: none;
}

#nav_menu-2 ul li {
list-style-type:none;
margin-left: 2%;
color: lightgrey;
}

#nav_menu-2 li:hover > a,
#nav_menu-2 a:focus {
background: #f9f9f9; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
background: -o-linear-gradient(#f9f9f9, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); /* Older webkit syntax */
background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
color: #373737;
}

Alles anzeigen