wordpress - mostrar - wp_nav_menu example

eliminar li class & id para elementos de menú y lista de páginas

Question

Ejemplo de salida de clase de CSS predeterminada de WordPress:

<li id="menu-item-55" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-55">

<li class="page_item page-item-37">

El elemento de la lista de menú y páginas viene con varias class e id propias.

¿Cómo eliminarlos en el archivo functions.php para el menú y para la lista de páginas?

Answer 1

Aquí hay una solución que se me ocurrió. Elimina todas las identificaciones y clases del wp_nav_menu, pero le permite crear su propia lista "aprobada" de clases y / o id. También cambia el extenso "elemento del menú actual" a "activo". Si prefiere mantener los estilos CSS de WordPress predeterminados, simplemente elimine esa sección del código. En aras de mantener esta publicación mínima, aquí están los enlaces a la pastebin con el código:
http://pastebin.com/W16cxDfY - para su archivo functions.php
http://pastebin.com/CGx4aprf - para su plantilla, donde quiera que vaya el menú

Answer 2

Debería poder eliminarlos enganchando un par de filtros y devolviendo matrices o cadenas vacías en lugar de nuevas clases o ID:

add_filter(''nav_menu_css_class'', ''my_css_attributes_filter'', 100, 1);
add_filter(''nav_menu_item_id'', ''my_css_attributes_filter'', 100, 1);
add_filter(''page_css_class'', ''my_css_attributes_filter'', 100, 1);
function my_css_attributes_filter($var) {
  return is_array($var) ? array() : '''';
}

Si quisiera mantener clases particulares, podría hacer algo como esto:

function my_css_attributes_filter($var) {
  return is_array($var) ? array_intersect($var, array(''current-menu-item'')) : '''';
}

Answer 3

Mi solución:

$defaults = array(
    ''theme_location''  => '''',
    ''menu''            => '''',
    ''container''       => '''',
    ''container_class'' => '''',
    ''container_id''    => '''',
    ''menu_class''      => '''',
    ''menu_id''         => '''',
    ''echo''            => false, // param important
    ''fallback_cb''     => ''wp_page_menu'',
    ''before''          => '''',
    ''after''           => '''',
    ''link_before''     => '''',
    ''link_after''      => '''',
    ''items_wrap''      => '''',
    ''depth''           => -1,
    ''walker''          => ''''
);

ob_start();
echo preg_replace( ''#<li[^>]+>#'', ''<li>'', wp_nav_menu( $defaults ) );
$mainNav = ob_get_clean();

// In the page :
echo $mainNav;

Answer 4

Si solo desea eliminar todas las listas de clases y los id, agréguelos a functions.php

add_filter(''nav_menu_item_id'', ''filter_menu_id'');
add_filter( ''nav_menu_css_class'', ''filter_menu_li'' );
function filter_menu_li(){
    return array('''');   
}
function filter_menu_id(){
    return; 
}

Answer 5

Una adición a la respuesta de Richard: tenemos que limpiar las clases vacías que quedaron atrás:

//Strip Empty Classes
add_filter (''wp_nav_menu'',''strip_empty_classes'');
function strip_empty_classes($menu) {
    $menu = preg_replace(''/ class=(["/'])(?!active).*?/1/'','''',$menu);
    return $menu;
}

Answer 6

esto es una adición a la respuesta de Richard.

en caso de que quiera cambiar la clase del elemento del menú actual por otra cosa.

        add_filter(''nav_menu_css_class'', ''my_css_attributes_filter'', 100, 1);
        add_filter(''nav_menu_item_id'', ''my_css_attributes_filter'', 100, 1);
        function my_css_attributes_filter($var) {
            if(is_array($var)){
                $varci= array_intersect($var, array(''current-menu-item''));
                $cmeni = array(''current-menu-item'');
                $selava   = array(''selectedmenu'');
                $selavaend = array();
                $selavaend = str_replace($cmeni, $selava, $varci);
            }
            else{
                $selavaend= '''';
            }
        return $selavaend;
        }

Answer 7

simplemente add_filter(''nav_menu_item_id'', ''__return_false''); para el id del elemento de menú