Intereting Posts
проблема с обновлением метабокса загрузки изображения AJAX с категориями фильтрации циклов Отфильтровать сообщения, исключая категории Хранение ответа XML (переходный режим)? Сочетание разбиения на категории категорий категорий Синхронизировать пользовательские теги типа сообщения с тегами типа postpost по умолчанию WordPress Как отключить поля в быстром редактировании продукта woocommerce? Показывать сообщения об успешном выполнении или ошибке в ответе Ajax на пользовательскую регистрационную форму WordPress Как удалить типу пользовательских почтовых сообщений? Автоматическое удаление сообщения в определенную дату Как добавить виджет в главное меню Галерея NextGEN – открыть все изображения на странице fancybox Структура URL-адресов заголовков и категорий Предотвращение активации второго виджета Определить / объявить новые настраиваемые типы с полями в плагине?

вставка пользовательского класса li в wp_list_pages

В настоящее время у меня есть родительская страница с некоторыми дочерними страницами. Я могу перечислить эти дочерние страницы, но хотел бы добавить пользовательский класс li. wp_list_pages выводит <li class="page-item number"></li> . Я бы хотел, чтобы он <li class="hvr-underline"></li> . Вот код, который у меня есть до сих пор:

 $children = wp_list_pages( 'title_li=&child_of='.$post->ID.'&echo=0' ); if ( $children) : ?> <ul class="menu "> <?php echo $children; ?> </ul> <?php endif; 

wp_list_pages позволяет включить функцию walker. Это даст вам полную свободу добавлять любые классы, которые вы хотите, но это не метод новичка. Вы можете начать с этого .

Если вам нужен простой поиск и замена в классе, как указывает ваш вопрос, вы можете использовать фильтр wp_list_pages следующим образом:

 add_filter ('wp_list_pages','wpse241119_replace_class',10,3); function wpse241119_replace_class ($output, $r, $pages) { $output = str_replace ('page-item number', 'hvr-underline', $output); return $output; } 

Если нет причин останавливать вас, вы можете решить это просто, добавив класс в ul и используя более сложный селектор в CSS или JavaScript:

 $children = wp_list_pages( 'title_li=&child_of='.$post->ID.'&echo=0' ); if ( $children) : ?> <ul class="menu wpse241119_list"> <?php echo $children; ?> </ul> <?php endif; 

Затем ul.wpse241119_list li каждый li как ul.wpse241119_list li или если список может быть вложен, ul.wpse241119_list > li чтобы поймать элементы списка верхнего уровня.