Drop down menu

[fmm]

Ciao,

come faccio ad inserire in un tema wp un menu drop down con all'interno i nomi delle categorie?
Dario

[Josie]

Ciao Dario,

per avere un menu tipo drop down puoi usare questo codice:

<div style="text-align:center;">
    <ul id="menu" style="padding:0; margin:0;">
 <?php wp_list_categories('sort_column=name&sort_order=asc&style=list&children=true&hierarchical=true&title_li=0'); ?>
    </ul>
</div>

In questo modo il menu viene visualizzato come una lista in ordine gerarchico ed è possibile definire lo stile nel css:

ul#menu {
    margin: 0;
    padding: 0;
     list-style: none;
    width: 100%;
     font-size:1.2em;
}

ul#menu li {
    float: left;
    padding: 0;
    margin: 0;
    border-right:solid 1px #fff;
}

ul#menu ul li {
    float: none;
    position: relative;
    border-bottom: 1px solid #7EA1D7; /* per un problema in IE */
    border-left: 1px solid #FFF;
    z-index:1000;
}

ul#menu li ul {
    margin: 0;
    padding: 0;
    display:none;
    list-style: none;
    position: absolute;
    background: #9CC;
}
ul#menu ul ul{
    margin-left: .2em;
    position: absolute;
    top: 0; /* if using borders, -1px to align top borders */
    left: 100%;
}

ul#menu * a:hover, ul#menu li a:active{
background:#7EA1D7 !important;
color: #FFFFFF;
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:hover,
ul#menu  li a:active{
    display: block;
    padding: .2em .3em;
    text-decoration: none;
    background: #000000;
     color: #FFFFFF;
}


ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {
    width: 8em;
}

Ovviamente sistema i colori e le dimensioni nel modo che preferisci. Fammi sapere!

[fmm]

Grazie mille Josie.