Intereting Posts
Pre_get_posts исключает список категорий, которые перечислены на странице Несколько постоянных ссылок Пользовательский контроллер для видео, который добавляется из редактора Как я могу скрыть IP зарегистрированных зарегистрированных комментаторов? get_avatar фильтр в WordPress 4.4, как правильно фильтровать Страницы архива или таксономии, не работающие для пользовательских типов сообщений Добавление всех подстраниц в менеджер меню edit_form_after_editor только на страницах редактирования сообщений Проблема разбивки на WordPress Как получить адрес файла в папке WordPress? Заголовок PHP () недоступен для использования в моем плагине делать больше действий после публикации публикации Помещение категории должностей под страницу Создайте настраиваемое поле captcha для формы комментария WordPress без плагина Отключить электронные письма администратора для регистрации новых пользователей

Как добавить атрибуты data-toggle = "modal" data-target = "# myModal" в панель WP Nav?

Я новичок в WordPress, поэтому, пожалуйста, будьте терпеливы! Я создал шаблон в html5 / ccs3, и я пытаюсь сделать из него шаблон wordpress.

В моем навигационном меню (в html) у меня есть социальное меню, которое открывает 3 разных модальности:

<social-icons> <div class="navbar-collapse collapse"> <div class="btn-group nav navbar-nav navbar-right" role="group"> <button type="button" class="btn btn-success navbar-btn facebook"><i class="fa fa-facebook-official btn-icon"></i></button> <button type="button" class="btn btn-success navbar-btn twitter"><i class="fa fa-twitter-square btn-icon"></i></button> <button type="button" class="btn btn-success navbar-btn instagram"><i class="fa fa-instagram btn-icon"></i></button> <button type="button" class="btn btn-success navbar-btn google"><i class="fa fa-google-plus-square btn-icon"></i></button> <button type="button" class="btn btn-success navbar-btn vine" data-toggle="modal" data-target="#vineModal"><i class="fa fa-vine btn-icon"></i></button> <button type="button" class="btn btn-success navbar-btn snapchat" data-toggle="modal" data-target="#snapchatModal"><i class="fa fa-snapchat btn-icon"></i></button> <button type="button" class="btn btn-success navbar-btn periscope" data-toggle="modal" data-target="#periscopeModal"><img src="assets/img/periscope.png" class="periscope-img"/></button> <button type="button" class="btn btn-success navbar-btn email"><i class="fa fa-envelope btn-icon"></i></button> </div> </div> <!-- nav --> </social-icons> 

Я создал структуру меню в WP и выделил все классы css, но я не могу понять, как добавить другие атрибуты, в частности атрибуты переключения данных и данных.

Я видел объяснения, которые кажутся похожими, но ничего, что я могу приступить к работе, и большинство из того, что я нашел, уже несколько лет.

Если бы кто-нибудь мог просветить меня, я был бы очень любезен! заранее спасибо

Solutions Collecting From Web of "Как добавить атрибуты data-toggle = "modal" data-target = "# myModal" в панель WP Nav?"

Способ PHP. Добавьте в свой файл functions.php следующее. Фильтр nav_menu_link_attributes:

 add_filter( 'nav_menu_link_attributes', 'my_menu_atts', 10, 3 ); function my_menu_atts( $atts, $item, $args ) { // Provide the id of the targeted menu item $menu_target = 123; // inspect $item if ($item->ID == $menu_target) { // original post used a comma after 'modal' but this caused a 500 error as is mentioned in the OP's reply $atts['data-toggle'] = 'modal'; $atts['data-target'] = '#myModal'; } return $atts; } 

jQuery:

 <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#menu-item-365').find('a').attr('data-toggle', 'modal'); jQuery('#menu-item-365').find('a').attr('data-target', '#myModal'); }); </script>