Я просто хочу добавить кнопку короткого кода в панель меню темы 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&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&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' );