Intereting Posts
Как отображать галерею, встроенную в пользовательский тип сообщения Отключить уведомления WP для комментариев на собственные сообщения Удалить изображения галереи из-за отсутствия товаров woocommerce получить текущую таксономическую должность с помощью ajax Как отображать метаданные изображения? Как переключаться между мета-значениями для удаления / обновления пользователя? Многопользовательское создание поддоменов Сомнение | какова будет папка с корневым каталогом? Подарочная коробка WooCommerce Выпадающее меню сражается друг с другом Использование wp-postratings для оценки пользователя на страницах профиля Иерархическое отображение пользовательской таксономии Отображение различных пользовательских типов сообщений в одном меню администратора Пользовательские канонические URL-адреса Импорт больших категорий товаров в WordPress Сделать метабокс пользовательского типа сообщений полностью автоматическим и массовым / быстрым редактированием

Заменить анкерную метку тегом span

Я создал свое меню, имеющее много элементов и подпунктов, разметка похожа на этот <a href="#">Item</a> но для родительского элемента мне нужно заменить тег привязки тегом span, имеющим некоторый класс для стилизации цели, только для моих родительских элементов. Он должен быть таким, <span class="my-class">Parent Element</span> . Может ли кто-нибудь меня направить?

Solutions Collecting From Web of "Заменить анкерную метку тегом span"

Следующий код, добавленный в ваши темы functions.php , сделает то, что вы хотите.

 add_filter( 'walker_nav_menu_start_el', 'my_walker_nav_menu_start_el', 10, 4 ); function my_walker_nav_menu_start_el( $item_output, $item, $depth, $args ) { if ( empty( $item->url ) || '#' === $item->url ) { $item_output = $args->before; $item_output .= '<span class="my-class">'; $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after; $item_output .= '</span>'; $item_output .= $args->after; } return $item_output; } 

Это должно найти все пункты меню без URL или # в качестве URL-адреса и заменить ссылку на <span class="my-class">...</span> .

Это не относится конкретно к родительским элементам меню, но пока вы используете настраиваемую ссылку и не вводите URL-адрес (или вводите # ) для своих родительских пунктов меню, он должен работать на вас.