Пользовательский короткий код в WordPress Nav Bar

Я просто хочу добавить кнопку короткого кода в панель меню темы WordPress для обработки функции bootstrap modal view .

Я попробовал Shortcodes in Menus , но он не работает. Я не мог найти альтернативный плагин для коротких кодов в меню, поэтому я установил плагин « Bootstrap 3 Shortcodes », он создал кнопку и содержимое модального представления, как я хочу. Но я не мог добавить короткий код в свою меню.

Я очень старался найти ответ о моей проблеме. Но, к сожалению, этого не произошло.

Это мой модальный короткий код, созданный модулем Bootstrap 3 Shortcodes ;

 [modal text="Download Now" title="Veteriner Hekimlere Ulaşmanın En Kolay Yolu" xclass="btn btn-primary btn-lg"] <p style="text-align: center;"><img src="http://img.ruphp.com/wordpress/vetmapp-logo-withtext.png" alt="Logo" width="200" height="300" /></p> <h4 style="text-align: center;">VetMapp'i cihazınıza göre aşağıdaki platformlardan cep telefonunuza ücretsiz olarak indirebilir ve hemen kullanmaya başlayabilirsiniz.</h4> <p style="text-align: center;"> <a href="https://itunes.apple.com/tr/app/vetmapp-acil-veteriner-klinikleri/id969463902?mt=8" target="_blank"><img src="http://img.ruphp.com/wordpress/wp-signup.php.pagespeed.ic.z0I7tHw8h6.png" alt="App Store'dan indir!" width="135" height="40" /></a> <a href="https://play.google.com/store/apps/details?id=com.esmobileinc.vetmapp&amp;hl=tr" target="_blank"><img src="http://img.ruphp.com/wordpress/wp-signup.php.pagespeed.ic.31v8JAmtbI.png" alt="Google Play'den indir!" width="135" height="40" /></a> <a href="https://www.microsoft.com/tr-tr/store/p/vetmapp/9nblggh4s3qm" target="_blank"><img src="http://img.ruphp.com/wordpress/wp-signup.php.pagespeed.ic.xvoiaCiuDP.png" alt="Windows Store'dan indir!" width="135" height="40" /></a> </p> [modal-footer] [button type="primary" style="border: solid 1px #18bda3; background-color: #fff; color: #18bda3;" link="#" data="dismiss,modal"]Kapat[/button] [/modal-footer] [/modal] 

Я просто хочу использовать [modal text="Download Now" title="Veteriner Hekimlere Ulaşmanın En Kolay Yolu" xclass="btn btn-primary btn-lg"] в WP Navigation Bar.

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

Спасибо…

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

в любом случае попробуйте это, он будет работать плавно (проверено)

 add_filter( 'wp_nav_menu_items', 'wpse3967385_custom_menu_link', 10, 2 ); function wpse3967385_custom_menu_link( $items, $args ) { if ($args->theme_location == 'primary_nav') { $items .= '<li class="your-custom-item">' . do_shortcode( '[modal text="Download Now" title="Veteriner Hekimlere Ulaşmanın En Kolay Yolu" xclass="btn btn-primary btn-lg"]' ) . '</li>'; } return $items; } 

Не стесняйтесь менять местоположение темы в меню.

Надеюсь, что это имеет смысл.

 function my_function_name($item_output) { if( YOUR LOGIC FOR WHEN YOU WANT IT ) $item_output .= do_shortcode('[modal text="Download Now" title="Veteriner Hekimlere Ulaşmanın En Kolay Yolu" xclass="btn btn-primary btn-lg"]'); return $item_output; } add_filter('wp_nav_menu', 'my_function_name', 10, 1); 

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

Сначала создайте новый php-файл и разместите там весь текст короткого кода. Ex. мой-modal.php

 //my-modal.php [modal text="Download Now" title="Veteriner Hekimlere Ulaşmanın En Kolay Yolu" xclass="btn btn-primary btn-lg"] <p style="text-align: center;"><img src="http://img.ruphp.com/wordpress/vetmapp-logo-withtext.png" alt="Logo" width="200" height="300" /></p> <h4 style="text-align: center;">VetMapp'i cihazınıza göre aşağıdaki platformlardan cep telefonunuza ücretsiz olarak indirebilir ve hemen kullanmaya başlayabilirsiniz.</h4> <p style="text-align: center;"> <a href="https://itunes.apple.com/tr/app/vetmapp-acil-veteriner-klinikleri/id969463902?mt=8" target="_blank"><img src="http://img.ruphp.com/wordpress/wp-signup.php.pagespeed.ic.z0I7tHw8h6.png" alt="App Store'dan indir!" width="135" height="40" /></a> <a href="https://play.google.com/store/apps/details?id=com.esmobileinc.vetmapp&amp;hl=tr" target="_blank"><img src="http://img.ruphp.com/wordpress/wp-signup.php.pagespeed.ic.31v8JAmtbI.png" alt="Google Play'den indir!" width="135" height="40" /></a> <a href="https://www.microsoft.com/tr-tr/store/p/vetmapp/9nblggh4s3qm" target="_blank"><img src="http://img.ruphp.com/wordpress/wp-signup.php.pagespeed.ic.xvoiaCiuDP.png" alt="Windows Store'dan indir!" width="135" height="40" /></a> </p> [modal-footer] [button type="primary" style="border: solid 1px #18bda3; background-color: #fff; color: #18bda3;" link="#" data="dismiss,modal"]Kapat[/button] [/modal-footer] [/modal] 

В вашей теме function.php создайте новую функцию и включите этот файл.

 function modal_shortcode_content(){ ob_start(); include "my-modal.php"; $shortcode_content = ob_get_content(); ob_clean(); return do_shortcode($shortcode_content); } 

Добавьте вывод короткого кода в навигационное содержимое. Я не уверен, что я думаю, что shortcode дает только кнопку, а другая часть скрыта и отображается, когда вы нажимаете кнопку.

 function navigation_add_button_menu($item_output) { // apply any logic here... $item_output .= modal_shortcode_content(); return $item_output; } add_filter('wp_nav_menu', 'navigation_add_button_menu', 10, 1); 

Ваш код довольно грязный, я не могу дать вам рабочий скрипт, поскольку на другом языке я не понимаю, и я не хочу что-то путать.

В любом случае, попробуйте это. Это простая логика, чтобы получить то, что вы хотите, с помощью коротких кодов. Я использую его на своем сайте.

 function html_code() { if( //Trigger Event Goes Here ) { // Use echo's to output the HTML of the window } } function modal_window() { html_code(); return ob_get_clean(); } add_shortcode( 'modal_window' );