Como agregar íconos a los menúes en WordPress

[putoquintana]

buenas,

estoy utilizando wordpress 3.4.2, tengo varios menu personalizados ( Apariencia->menus ) en ellos me aparece el enlace a páginas, categorias etc

Quiero integrar en el menú principal varios enlaces a páginas de mi blog y quiero asociarle a cada página de éste menú un icono. Alguien sabe como hacerlo???


Gracias

[23r9i0]

Si te refieres ponerle un icono al lado del texto del menu tienes algunos plugins en wordpress que te lo hace, como por ejemplo PageNamed Menu Classes

[ArturoGallegos]

los elementos del menu tienen una clase genérica page_item y una clase única al estilo page-item-1

puedes usas esas clases para agregar mediante css cualquier imagen que necesites.

[rogertm]

En Apariencia > Menú, arriba en la pestaña de opciones de pantalla, verás que hay una opción llamada CSS Clases, que al activarla se te agregará a los elementos del menú un área de texto mediante la cual puedes agregar clases a cada uno.

La dificultad que esto te puede traer, es que alguien meta allí las manitos y te cambie lo que has hecho...

Alguna vez hice una función, muy específica para la ocasión, donde agregaba un ID a cada elemento del menú, luego la busco y la comparto por aquí...

Saludos.

[rogertm]

Pues por suerte la tenía aquí a mano...

Código PHP:

<?php
/**
 * Custom Footer Menu
 */
function footer_nav_menu() {
global $current_page_class, $link_id, $current_page;
$menu_name = 'secondary';
if ( ( $locations = get_nav_menu_locations() ) && isset ( $locations[ $menu_name ] ) ) :
    $menu = wp_get_nav_menu_object( $locations[ $menu_name ] );
    $menu_items = wp_get_nav_menu_items( $menu->term_id );
    
    $menu_list = '<div id="access-footer" class="menu-footer">';
    $menu_list .= '<ul id="menu-footer-navigation" class="menu">';
    foreach ( $menu_items as $menu_item ) :
        $item_title = $menu_item->title;
        $item_url = $menu_item->url;
        $item_id = $menu_item->ID;
        $link_id = $menu_item->object_id;
        $menu_page = get_page_by_title( $item_title );
 
        // Current page item
        if ( $current_page->ID == $link_id ) :
            $current_menu_item = $current_page_class;
        else :
            $current_menu_item = '';
        endif;
 
        // We create our own ID for every item
        $menu_page_id = strtolower( str_replace( array( ' ', 'á', 'é', 'í', 'ó', 'ú', 'ñ'), array( '-', 'a', 'e', 'i', 'o', 'u', 'n' ), $menu_page->post_title ) );
        $menu_list .= '<li class="menu-item"><h3 id="footer-item-'. $menu_page_id .'" class="widget-title footer-h-title"><a href="'. $item_url .'" class="'.$current_menu_item.'">'. $item_title .'</a></h3></li>';
    endforeach;
    $menu_list .= '</ul>';
    $menu_list .= '</div>';
?>
<?php
endif;
return $menu_list;
}
?>
 

La función lo que hace es, por ejemplo, a un elemento del menú llamado "Quiénes Somos", le agrega el elemento id="footer-item-quienes-somos". Claro, que con el cliente habíamos acordado los elementos del menú y no habría cambios, pero en caso de haberlos, era cuestión de crear el ícono y agregarlo al css.

En esta función hay unas variables globales que creo que eran para mostrar una clase determinada en el elemento del menú, en dependencia de qué lugar del sitio se encontraba, pero ya eso es harina de otro costal...

Saludos, espero te funcione...

EDITO: La variable $menu_name guarda el valor del menú al que le aplicas esta función