menu_footer_Angelo_lillo

Le linee guida prevedono nel footer le pagine note legali e privacy.

Nel tema PASW2011 io le avevo aggiunte come ho imparato a fare studiando il modello di Renata. In pratica ho creato un div footbar col le stesse caratteristiche del topbar ed ho inserito questo codice: <ul><?php wp_list_pages('include=1495,1489&title_li='); ?></ul>.

Guardando il file functions.php del tema pasw2011 ho pensato che si possa però creare il menu in modo analogo a quanto fatto per il menu superiore e per il menu orizzontale. Si semplificherebbe la vita a molti. Ho provato.

Ho aggiunto una riga in functions.php

Codice originale:
/* Menu */
add_action('init', 'register_my_menus');
function register_my_menus() {
register_nav_menus(
    array(
        'menu-1' => __('Menu 1'),
        'menu-2' => __('Menu 2')
    )
);
}
Codice con aggiunta:
/* Menu */
add_action('init', 'register_my_menus');
function register_my_menus() {
register_nav_menus(
    array(
        'menu-1' => __('Menu 1'),
        'menu-2' => __('Menu 2'),
        'menu-3' => __('Menu 3')
    )
);
}

Poi nel div footbar che avevo già aggiunto in fondo al footer ho inserito questo codice:

<?php wp_nav_menu( array( 'menu' => '', 'container' => 'ul', 'menu_class' => 'sito', 'theme_location' => 'menu-3' ) ); ?>

Funziona.

Ciao
Angelo

******************************************************************************+

Ecco tutti passaggi:

    modificare functions.php come hai già fatto
    inserire un div nel footer. Io l'ho messo proprio in fondo appena prima del codice <?php do_action('wp_footer'); ?> e l'ho chiamato footbar. Li ho inserito il codice per richiamare il menu3. Ecco il codice che ho usato:
    <div id="footbar"><?php wp_nav_menu( array( 'menu' => '', 'container' => 'ul', 'menu_class' => 'sito', 'theme_location' => 'menu-3' ) ); ?> </div>
    Inserire nel foglio di stile le regole per l'aspetto grafico del nuovo menu. Io ho messo quelle che copio qui di seguito, ma sicuramente si può far meglio.
    /*footbar*/
    #footbar{

            height: auto !important;

        min-height: 25px;

            width: 100%;

        padding: 0;

        margin: -14px 0 0 0;

        background-color: #004100;

        color: #F0F0F0;

    }

    #footbar ul{

        font-size: 0.9em;

        text-align: left;

        font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

        line-height: 1.5em;

        /* fixes Firefox 0.9.3 */

    }

    #footbar li a{

        padding: 3px 10px 3px 10px;

        float:left;

        border-right: 1px solid;

        border-right-color: #F0F0F0;

    }

    #footbar ul li{

        margin: 0px;

        display: inline;

    }



    #footbar ul li a{

        text-decoration: none;

        color: #F0F0F0;

    }

    #footbar ul li a:hover{

        background: #F0F0F0;

        color: #3A291F;

    }



    #footbar ul li.current_page_item a

    {

        text-decoration:none !important;

        color: #3A291F !important;

        background: #F0F0F0;

    }

    #footbar ul li.current_page_item a:hover

    {

        text-decoration:none !important;

        color: #3A291F !important;

    }



    /* Essential Layout (IE7 Fix) */

    *+html #footbar li a {

        margin-top: -14px;

    }
    .ulpuntato li {
        list-style-image: url(images/square.gif);
        font-weight: bold;
        padding-bottom: 1em;
    }

    /*fine footbar*/

Spero di essere stato utile.

Ciao
Angelo

***********************************************************
se vuoi il menù centrato soluzione di Angelo:

Prova con queste istruzioni:

/*footbar*/
#footbar{

        height: auto !important;

    min-height: 25px;

        width: 100%;

    padding: 0;

    margin: -14px 0 0 0;

    background-color: #004100;

    color: #F0F0F0;

}

#footbar ul{

    font-size: 0.9em;

    text-align: center;

    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

    line-height: 1.5em;

    /* fixes Firefox 0.9.3 */

}

#footbar li a{

    padding: 3px 10px 3px 10px;



    border-right: 1px solid;

    border-right-color: #F0F0F0;

}

#footbar ul li{

    margin: 0px;

    display: inline;

}



#footbar ul li a{

    text-decoration: none;

    color: #F0F0F0;

}

#footbar ul li a:hover{

    background: #F0F0F0;

    color: #3A291F;

}



#footbar ul li.current_page_item a

{

    text-decoration:none !important;

    color: #3A291F !important;

    background: #F0F0F0;

}

#footbar ul li.current_page_item a:hover

{

    text-decoration:none !important;

    color: #3A291F !important;

}



/* Essential Layout (IE7 Fix) */

*+html #footbar li a {

    margin-top: -14px;

}
.ulpuntato li {
    list-style-image: url(images/square.gif);
    font-weight: bold;
    padding-bottom: 1em;
}

/*fine footbar*/


Ciao
Angelo

**********************************************************************

menù centrato soluzione Lillo:

/*footbar*/


#footbar{
height: 15px;
width: 100%;
padding: 0;
margin: -14px 0 0 0;
background-color: #08088A;
color: #FFFFFF;
}
#footbar ul{
font-size: 0.7em;
text-align: center;
font-family: 'Calibri', 'Lucida Grande', 'Lucida Sans Unicode', Verdana,
sans-serif;
line-height: 1.5em;
/* fixes Firefox 0.9.3 */
}
#footbar li a{
padding: 3px 10px 3px 10px;
float:center;
border-right: 1px solid;
border-right-color: #FFFFFF;
}
#footbar ul li{
margin: 0px;
display: inline;
}

#footbar ul li a{
text-decoration: none;
color: #FFFFFF;
}
#footbar ul li a:hover{
background: #FFFFFF;
color: #08088A;
}

#footbar ul li.current_page_item a
{
text-decoration:none !important;
color: #08088A !important;
background: #FFFFFF;
}
#footbar ul li.current_page_item a:hover
{
text-decoration:none !important;
color: #08088A !important;
}

/* Essential Layout (IE7 Fix) */
*+html #footbar li a {
margin-top: -14px;
}
.ulpuntato li {
list-style-image: url(images/square.gif);
font-weight: bold;
padding-bottom: 1em;
}

/*fine footbar*/


ciao
lillo