वर्डप्रेस एनवी बार

Question

में कस्टम शोर्ट, मैं सिर्फ bootstrap modal view फ़ंक्शन को संभालने के लिए अपने WordPress थीम मेनू बार में एक शोर्ट बटन जोड़ना चाहता हूं।

मैंने 'Shortcodes in Menus' प्लगइन की कोशिश की, लेकिन यह काम नहीं करता है। मुझे मेनू में शॉर्टकोड के लिए वैकल्पिक प्लगइन नहीं मिला, इसलिए मैंने 'Bootstrap 3 Shortcodes' प्लगइन स्थापित किया, यह बटन और मोडल व्यू सामग्री जैसा मैं चाहता हूं। लेकिन मैं अपने मेनूबार में शोर्ट नहीं जोड़ सका।

मैंने अपनी समस्या के बारे में कुछ जवाब खोजने का प्रयास किया। लेकिन दुर्भाग्य से नहीं कर सका।

द्वारा उत्पन्न मेरे मोडल शोर्ट को बूट करता है बूटस्ट्रैप 3 शॉर्टकोड प्लगइन;

[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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/08/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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/09/180x40xapple-store.png.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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/09/180x40xgoogle_play.png.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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/09/180x40xwindows_phone.png.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] 

मैं सिर्फ WP नेविगेशन बार में [modal text="Download Now" title="Veteriner Hekimlere Ulaşmanın En Kolay Yolu" xclass="btn btn-primary btn-lg"] उपयोग करना चाहते हैं।

मैं यह कैसे कर सकता हूं? मैं इसके लिए functions.php में एक फ़ंक्शन लिख सकता हूं, या किसी अन्य दृष्टिकोण को आजमा सकता हूं?

धन्यवाद ...

Answer 1

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); 

Answer 2

मुझे यकीन है कि के लिए नहीं क्या परिणाम इस शोर्ट प्रदान करना है कर रहा हूँ। मेरे विचार में आप क्लिक करते समय एक बटन देख सकते हैं, फिर मॉडल विंडो दिखाएं और आप नेविगेशन मेनू पर बटन को कार्यान्वित करना चाहते हैं। मैंने इन कोड का परीक्षण नहीं किया लेकिन आप यह कोशिश कर सकते हैं कि यह आपके लिए उपयोगी है या नहीं।

पहले एक नई PHP फ़ाइल बनाएं और वहां सभी शोर्ट सामग्री डालें। पूर्व। मेरी-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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/08/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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/09/180x40xapple-store.png.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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/09/180x40xgoogle_play.png.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://web-test.vetmapp.com/wp-content/uploads/sites/2/2016/09/180x40xwindows_phone.png.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); 
} 

नौसेना सामग्री में शोर्ट आउटपुट जोड़ें। मुझे यकीन नहीं है कि मुझे लगता है कि शोर्ट केवल बटन देता है और जब आप बटन पर क्लिक करते हैं तो दूसरा भाग छुपा और दिखाई देता है।

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); 

Answer 3

आप साझा करते हैं अपने शोर्ट उत्पन्न मार्कअप या मार्कअप है कि आप अपने शोर्ट है कि सबसे अच्छा दूसरों स्पष्ट रूप से समझने के लिए किया जाएगा के साथ रैप करना चाहते हैं।

वैसे भी यह कोशिश इसे सुचारू रूप से (परीक्षण) काम करेंगे

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; 
} 

अपने मेनू विषय स्थान को बदलने के लिए स्वतंत्र महसूस।

उम्मीद है कि यह समझ में आता है।

Answer 4

आपका कोड बहुत गन्दा है, मैं आपको एक कामकाजी स्क्रिप्ट नहीं दे सकता क्योंकि एक और भाषा में मैं समझ नहीं पा रहा हूं, और मैं कुछ गड़बड़ नहीं करना चाहता हूं।

वैसे भी, इसे आजमाएं। शॉर्टकोड के माध्यम से आप जो चाहते हैं उसे पाने के लिए यह एक साधारण तर्क है। मैं इसे अपनी वेबसाइट का उपयोग करता हूं।

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');