menú desplegable para wordpress

[el_cesar]

Hola, estoy creando un tema para wordpress y necesito que el menú primario me genere un dropdown en algunas secciones, la pregunta es como puedo hacer para generarlo, porque he estado intentando con css como los he hecho antes y no me funciona.

[Ember]

yo creo que la mejor opción es usar algún plugin... prueba con este http://wordpress.org/extend/plugins/...rop-down-menu/ aunque seguro que hay más

[miguelom55555]

No se si sera esto lo que buscas, viene bien explicado

http://www.youtube.com/watch?v=bfYvzkVofQ8

[el_cesar]

Gracias miguelom, pero lo que estoy haciendo es creando el tema desde cero y lo que necesito es darle estilo al menu

[carlos_belisario]

no entiendo cual es tu duda, el estilo lo das style.css y tu menú lo creas con tu html, también puedes implementar los muchos que existen en la web que problema es el que tienes

[el_cesar]

El problema que tengo es que no se a quien debo aplicar el estilo o más bien como debo definir el estilo para que wordpress lo tome correctamente

[carlos_belisario]

sigue siendo ambigua tu duda ya te lo dije el menú lo haces con html

Código HTML:

<ul id="menu">
...
</ul>
 

y en u style.css

Código CSS:

#menu {
   /*defines el estilo*/
}
 

que es lo que no entiendes, si lo estas haciendo de cero

[el_cesar]

Ooooooook, o sea que defino el estilo comun y corriente y en el html lo pondria asi

Código HTML:

<div id="menu" ><!-- BEGIN MAIN MENU -->
            <?php if ( function_exists( 'wp_nav_menu' ) ){
                    wp_nav_menu( array( 'theme_location' => 'main-menu', 'container_id' => 'mainMenu', 'container_class' => 'ddsmoothmenu', 'fallback_cb'=>'primarymenu') );
                }else{
                    primarymenu();
            }?>
            <!-- END MAIN MENU -->
</div>
 

y alli debería tomar todo el estilo y generar el menú desplegable

[carlos_belisario]

en teoría si, sin embargo revisa un poco acá http://codex.wordpress.org/Function_...ce/wp_nav_menu a ver que mas te brinda la función, saludos

[el_cesar]

Ok, voy a leer el enlace que me sugieres, gracias, en tanto tenga resuelto el tema posteo la solucion

[el_cesar]

Efectivamente contrui los estilos del menú asi

Código CSS:

/**********************ESTILOS MENU***************/
#menu{
    min-width:777px;
    width:auto;
    z-index:200;
    font-size:17px;
    min-height:46px;
    height:46px;
    background:#373737 url(../images/menu.png) no-repeat scroll left top;
    float:left;
    margin:12px 0px 0px 16px;
    position:relative;
    
    }
 
    
#menu ul{
    background:#373737;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
    }
    #menu li{
        float:left;
        padding:0px;
        }
    #menu li a{
/*      background:#373737 url("images/seperator.gif") bottom right no-repeat;*/
        background:#373737;
        color:#ffffff;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        #menu li a:hover, #menu ul li:hover a{
 
            color:#13bfed;
            text-decoration:none;
            }
    #menu li ul{
        background:#373737;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:225px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    #menu li:hover ul{
        background:#373737;
        color: #ffffff;
        display:block;
        
        }
    #menu li li {
        background:url('images/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:auto;
        }
    #menu li:hover li a{
        background:#373737;
        color:#ffffff;
        
        }
    #menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        #menu li ul a:hover, #menu li ul li:hover a{
/*          background:#2580a2 url('images/hover_sub.gif') center left no-repeat;*/
            background: #13bfed;
            border:0px;
 
            text-decoration:none;
            }
    #menu p{
        clear:left;
        }   
 
/***************FIN MENU*************/
 

y loimplementé en el html así

Código HTML:

<div id="menu"><?php if ( function_exists( 'wp_nav_menu' ) ){
                    wp_nav_menu( array( 'theme_location' => 'main-menu', 'container_id' => 'mainMenu', 'container_class' => 'ddsmoothmenu', 'fallback_cb'=>'primarymenu') );
                }else{
                    primarymenu();
            }?></>
 

y funciono perfecto