Wordpress 탐색 모음의 사용자 지정 단축 코드

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://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]

그냥 쓰고 싶다[modal text="Download Now" title="Veteriner Hekimlere Ulaşmanın En Kolay Yolu" xclass="btn btn-primary btn-lg"]WP 네비게이션 바에 접속합니다.

어떻게 하면 좋을까요?함수는 함수로 쓸 수 있어요.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 파일을 만들고 모든 쇼트코드 콘텐츠를 저장합니다.예, 마이모달.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]

당신의 테마 기능.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);

당신의 코드는 꽤 지저분하고, 제가 이해하지 못하는 다른 언어로 되어 있기 때문에 당신에게 작업 대본을 줄 수 없습니다. 그리고 저는 무언가를 망치고 싶지 않습니다.

아무튼 이거 먹어봐.이것은 쇼트 코드를 통해 원하는 것을 얻을 수 있는 간단한 논리입니다.제 웹사이트에서 사용하고 있어요.

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

클래스가 항상 같은 특정 용도입니까?이 기능을 한 곳에서만 사용하려는 경우 다음을 수행할 수 있습니다.

 function print_menu_shortcode($atts, $content = null) {
    extract(shortcode_atts(array( 'name' => null, 'class' => null ), $atts));
    return wp_nav_menu( array( 'menu' => $name, 'menu_class' => 'myclass', 'echo' => false ) );
    }

add_shortcode('menu', 'print_menu_shortcode');

그런 다음 'menu_class' => 'myclass' 섹션을 원하는 클래스로 변경합니다.이렇게 하면 수업을 사용할 필요가 없어집니다.다시 말하지만, 여기 교실 앞에서 ""를 사용하지 마세요.

짧은 코드 사용:

[menu name="menu_name"]

언급URL : https://stackoverflow.com/questions/39612560/custom-shortcode-in-wordpress-nav-bar