添加自定義屬性WordPress的導航項目

Question

我需要添加自定義屬性單 WordPress的菜單項。

<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-children-0"> 
<a href="http://www.mywebsite.com/whats-new/">WHATS NEW</a> 
</li> 

但我需要這個代碼，這樣

<li id="menu-item-365" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-children-0"> 
<a href="http://www.mywebsite.com/whats-new/" data-reveal-id="myModal1" data-animation="fade">WHATS NEW</a> 
</li> 

有人可以請幫助？

Answer 1

過濾此，靶向特定的菜單ID是相當容易：

以下內容添加到您的functions.php文件。

add_filter('nav_menu_link_attributes', 'my_nav_menu_attribs', 10, 3); 
function my_nav_menu_attribs($atts, $item, $args) 
{ 
    // The ID of the target menu item 
    $menu_target = 365; 

    // inspect $item 
    if ($item->ID == $menu_target) { 
    $atts['data-reveal-id'] = 'myModal1'; 
    $atts['data-animation'] = 'fade'; 
    } 
    return $atts; 
} 

Answer 2

使用jquery。

<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script type="text/javascript"> 

    $(document).ready(function() { 
     $('#menu-item-365').find('a').attr('data-reveal-id', 'myModal1'); 
     $('#menu-item-365').find('a').attr('data-animation', 'fade'); 
    }); 
</script> 

Answer 3

您是否聽說過WordPress中的Walker_Nav_Menu概念？

這裏有一個例子，http://www.wpexplorer.com/adding-custom-attributes-to-wordpress-menus/

Answer 4

<?php 

$defaults = array(
    'theme_location' => '', 
    'menu'   => '', 
    'container'  => 'div', 
    'container_class' => '', 
    'container_id' => '', 
    'menu_class'  => 'menu', 
    'menu_id'   => '', 
    'echo'   => true, 
    'fallback_cb'  => 'wp_page_menu', 
    'before'   => '', 
    'after'   => '', 
    'link_before'  => '', 
    'link_after'  => '', 
    'items_wrap'  => '<ul id="%1$s" class="%2$s">%3$s</ul>', 
    'depth'   => 0, 
    'walker'   => '' 
); 

wp_nav_menu($defaults); 

?> 

Answer 5

WordPress的functions.php的

如果您需要將屬性添加到多個菜單項：

function add_specific_menu_atts($atts, $item, $args) { 

$menu_items = array(66,72); 

if (in_array($item->ID, $menu_items)) { 
    $atts['data-ps2id-offset'] = '-75'; 
} 

return $atts; 
} 
add_filter('nav_menu_link_attributes', 'add_specific_menu_atts', 10, 3);