it-swarm.com.ru

удалить li class & id для пунктов меню и списка страниц

Пример вывода CSS-класса 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">

Пункт меню и список страниц поставляются с различными именами li class и id.

Как удалить их в файле functions.php для меню и для списка страниц?

19
Cam

Вы должны быть в состоянии удалить их, подключившись к паре фильтров и возвращая пустые массивы или строки, а не новые классы или идентификаторы:

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() : '';
}

Если вы хотите сохранить определенные классы, вы можете сделать что-то вроде этого:

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

это дополнение к ответу Ричарда.

в случае, если вы хотите изменить класс current-menu-item на что-то другое.

        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;
        }
4
alhoseany

Вот исправление, которое я придумала. Он удаляет все идентификаторы и классы из wp_nav_menu, но позволяет вам создать свой собственный «одобренный» список классов и/или идентификаторов. Это также изменяет длительность «current-menu-item» на «active». Если вы предпочитаете использовать стандартные стили WordPress CSS, просто удалите этот раздел кода. Чтобы сохранить этот пост минимальным, вот ссылки на Pastebin с кодом:
http://Pastebin.com/W16cxDfY - для вашего файла functions.php
http://Pastebin.com/CGx4aprf - для вашего шаблона, где бы ни находилось меню

2
RevelationTravis

просто add_filter('nav_menu_item_id', '__return_false'); для идентификатора пункта меню

1
vralle

Если вы просто хотите удалить все списочные классы и идентификаторы, добавьте это в 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; 
}
0
Randy Kilwag

Дополнение к ответу Ричарда: Нам нужно очистить оставшиеся позади пустые классы:

//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;
}
0
Zeno Popovici

Мое решение:

$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;
0
Olivier C