Question

我无法完全理解自定义助行器如何在worpress中工作：

主题的home.php中的代码（实际上所有代码都包含在其他文件中，不会弄乱HTML）如下所示：

/**
 * Contains wordpress function with array with parameters
 * @return string HTML output
 */
function show_main_navigation() {
    return wp_nav_menu(
        array(
            'theme_location' => 'header-menu',
            'echo' => false,
            'depth' => '-1',
            'walker' => new Last_Item_Walker()
        )
    );
}

Walker看起来像这样：

class Last_Item_Walker extends Walker_Nav_Menu { 

    function end_lvl( &$output, $depth = 0, $args = array() ) {
        $indent = str_repeat("\t", $depth);
        $output .= '<li class="spec"><a href="#" title="title">title</a></li>'; // my custom <li>
        $output .= "$indent</ul>\n";
    }
}

覆盖方法不起作用。

如果我尝试覆盖另一种方法，例如：

class Last_Item_Walker extends Walker_Nav_Menu { 

    function end_el( &$output, $item, $depth = 0, $args = array() ) {
            $output .= "<br>"; // for demonstration
        $output .= "</li>\n";
    }
}

这个有用，添加了br标签，但这不是我想要的，我想在/ ul之前自定义最后的li。

有人可以帮我吗？

Answer 1

好吧，使用过滤器更容易。

/**
 * Hardcodes shop item in navigation
 * @param string $items HTML with navigation items
 * @param object $args navigation menu arguments
 * @return string all navigation items HTML
 */
function new_nav_menu_items($items, $args) {
    if($args->theme_location == 'header-menu'){
       $shop_item = '<li class="spec"><a href="#" title="title">title</a></li>';
       $items = $items . $shop_item;
    }

    return $items;
}
add_filter('wp_nav_menu_items', 'new_nav_menu_items', 10, 2);

Answer 2

如果你不太担心IE8及更少，你可以使用：last-child选择器。

li.spec:last-child{
    color: red;
}

如果您对IE8感到困扰，可以使用polyfill来使其工作。

将自定义<li>添加到Wordpress导航菜单</li>

2 个答案: