Cách thêm thuộc tính tùy chỉnh vào một mục menu điều hướng trong WordPress

Thủ thuật WordPress
#1

Bạn muốn thêm thuộc tính tùy chỉnh như hoặc vào ký tự liên kết của một mục menu điều hướng cụ thể?target="foobox" data-featherlight="#enews-popup"

Móc lọc nav_menu_link_attributes trong WordPress là bạn của bạn.

Ví dụ, thêm

/**
 * Add custom attribute and value to a nav menu item's anchor.
 *
 * @author Sridhar Katakam
 * @link   https://sridharkatakam.com/
 */
add_filter( 'nav_menu_link_attributes', function ( $atts, $item, $args ) {
    if ( 1161 === $item->ID ) { // change 1161 to the ID of your menu item.
        $atts['target'] = 'foobox';
    }

    return $atts;
}, 10, 3 );

trong functions.php của chủ đề con sẽ thêm một phần tử vào mục menu 1161 .target="foobox"

Thay thế 1161 bằng ID của mục menu của bạn. Điều này có thể đạt được bằng cách kiểm tra nó bằng Công cụ dành cho nhà phát triển của Chrome.

Đây là một phiên bản tốt hơn không phụ thuộc vào việc nhập ID mục menu:

Chỉ cần gán một lớp cho mục menu, nói và sử dụng mã này:target-foobox

/**
 * Add custom attribute and value to a nav menu item's anchor based on CSS class.
 *
 * @author Sridhar Katakam
 * @link   https://sridharkatakam.com/
 */
add_filter( 'nav_menu_link_attributes', function ( $atts, $item, $args ) {
    if ( 'target-foobox' === $item->classes[0] ) {
        $atts['target'] = 'foobox';
    }

    return $atts;
}, 10, 3 );