programing

워드프레스.wp_nav_menu에서 메뉴 항목 수동 추가

jooyons 2023. 3. 16. 21:20
반응형

워드프레스.wp_nav_menu에서 메뉴 항목 수동 추가

내 테마에는 네비게이션 메뉴 기능이 있다.

function ct_nav() {
  <nav>
     <?php wp_nav_menu( array( 'container_id' => 'nav', 'theme_location' => 'primary') ); ?>
  </nav>
}

수동으로 아이템을 추가하려면 어떻게 해야 하나요?이 기능만을 사용해 주세요.

function add_last_nav_item($items) {
  return $items .= '<li><a href="#myModal" role="button" data-toggle="modal">Contact</a></li>';
}
add_filter('wp_nav_menu_items','add_last_nav_item');

다음은 items_module을 변경한 예입니다.

wp_nav_menu( array( 'items_wrap' => '<ul id="%1$s" class="%2$s"><li><a href="http://www.google.com">go to google</a></li>%3$s</ul>' ) );

기본값을 사용하여 href를 추가했을 뿐입니다.

필요한 경우에 한하여:

메뉴 항목은 필터를 적용하여 수동으로 추가할 수 있습니다.

  • wp_nav_menu_items- 모든 메뉴
  • wp_nav_menu_{$menu->slug}_items- 특정 슬러그가 있는 메뉴용

또, 변경에 의해items_wrap예를 들어, 제거함으로써<ul>테마에 명시적으로 추가할 수 있습니다.이렇게 하면, 독자적인 항목을 추가할 수 있습니다.

위의 답변 중 어느 것도 나에게는 통하지 않았다.이것은 제가 사용한 jquery 유형의 회피책입니다.메뉴 끝에 이미지를 추가해야 했어요.

wp_nav_menu()를 통상대로 사용합니다.menu_class에 클래스를 반드시 지정하거나 ID를 지정할 수 있습니다.

$items = array(
    'theme_location'  => 'header-menu',
    'menu'            => '',
    'container'       => 'div',
    'container_class' => 'menu-{menu slug}-container',
    'container_id'    => '',
    'menu_class'      => 'menuContainer', /* important, since we're targetting it with jquery*/
    'menu_id'         => '',
    'echo'            => true,
    'fallback_cb'     => 'wp_page_menu',
    'before'          => '',
    'after'           => '',
    'link_before'     => '',
    'link_after'      => '',
    'depth'           => 0,
    'walker'          => ''
);
wp_nav_menu($items);

$( document ).ready(function() {
            $(".menuContainer ul").append("<li><img src='<?php echo  get_template_directory_uri(); ?>/img/menuImage.png'></li>");
        });

언급URL : https://stackoverflow.com/questions/12361934/wordpress-adding-menu-item-manually-in-wp-nav-menu

반응형