Intereting Posts
Как мне отображать все сообщения одной категории в одном макете? WP_Query Limit Data_Query последние 90 дней Резервное копирование WordPress Видео фона – (php & css) – генерирование ошибки 404 при загрузке страницы – Справка по структуре файла WordPress Отображение html-таблицы в сообщении Получить разбивку на страницы (WP-PageNavi) не работать Настройте результаты поиска, чтобы включить пользовательские сообщения и отобразить их на определенной странице шаблона Код работает на странице-example.php, а не на category-example.php Запрос сообщений по широте и долготе для создания Google Maps с несколькими маркерами Создание пунктов меню для каждой категории в wordpress Как остановить страницы поиска wp_query, а также указанный CPT Производительность хранения нескольких мета-полей по сравнению с одним кодированным JSON полем Установить шаблон на основе запроса в URL-адресе Можно ли добавить Visual Editor в файл header.php? После добавления этой функции в functions.php, когда я сохраняю черновик, изменения не сохраняются

Как добавить атрибуты 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>