메뉴 항목 설명?wp_nav_menu () 용 커스텀 워커

WordPress 3.0 부터 맞춤형 보행기가 필요 없습니다 . 더 이상!

walker_nav_menu_start_el 필터가 있습니다. https://developer.wordpress.org/reference/hooks/walker_nav_menu_start_el/

예 :

 function add_description_to_menu($item_output, $item, $depth, $args) {
    if (strlen($item->description) > 0 ) {
        // append description after link
        $item_output .= sprintf('<span class="description">%s</span>', esc_html($item->description));

        // insert description as last item *in* link ($input_output ends with "</a>{$args->after}")
        //$item_output = substr($item_output, 0, -strlen("</a>{$args->after}")) . sprintf('<span class="description">%s</span >', esc_html($item->description)) . "</a>{$args->after}";
    }

    return $item_output;
}
add_filter('walker_nav_menu_start_el', 'add_description_to_menu', 10, 4);
 

Since WordPress 3.0, you don't need a custom walker anymore!

There is the walker_nav_menu_start_el filter, see https://developer.wordpress.org/reference/hooks/walker_nav_menu_start_el/

Example:

function add_description_to_menu($item_output, $item, $depth, $args) {
    if (strlen($item->description) > 0 ) {
        // append description after link
        $item_output .= sprintf('<span class="description">%s</span>', esc_html($item->description));

        // insert description as last item *in* link ($input_output ends with "</a>{$args->after}")
        //$item_output = substr($item_output, 0, -strlen("</a>{$args->after}")) . sprintf('<span class="description">%s</span >', esc_html($item->description)) . "</a>{$args->after}";
    }

    return $item_output;
}
add_filter('walker_nav_menu_start_el', 'add_description_to_menu', 10, 4);

이것은 다른 제안보다 좋거나 나쁘지 않습니다.단지 다릅니다.짧고 달콤합니다.

@toscho 에서 제안한대로 설명 필드를 사용하는 대신 다음에서 "제목"필드를 채울 수 있습니다.각 메뉴 항목에 원하는 텍스트를 입력하고 다음 CSS를 사용하세요.

.menu-item a:after { content: attr(title); }

또한 jQuery 를 사용하여 쉽게 추가 할 수 있지만 텍스트는 CSS가 적절 해 보일만큼 충분히 장식 적입니다..

This isn't better or worse than other suggestions; it's just different. It's short and sweet too.

Rather than using the description field as @toscho suggests, you could fill in the "Title" field on each menu item with the text you want, and then use this CSS:

.menu-item a:after { content: attr(title); }

It would also be easy to use jQuery to append it, but the text is ornamental enough that CSS seems appropriate.

메뉴의 탐색 레이블 뒤에 <span> 요소를 작성하고 다음 CSS 규칙을 사용하여 display 설정을 변경할 수도 있습니다 (inline) :

 span {display:block}
 

You can also write a <span> element after the navigation label in menus and use the following CSS rule to change its display setting (it's inline by default):

span {display:block}