将两个带类的跨度添加到 WP 菜单的 li答案

【问题标题】：Add two spans with classes into a WP Menu's li将两个带类的跨度添加到 WP 菜单的 li
【发布时间】：2013-05-30 10:13:39
【问题描述】：

我需要在 WordPress 菜单的 <li></li> 中添加两个跨度。一个包含元素页面标题，一个包含描述。我发现了如何将一个跨度添加到 li 中，但不知道如何创建两个。有什么帮助吗？

基本标记：

    <ul class="dropdown-menu pull-left">
        <li>
            <a href="">
                <span class="dropdown-menu-pagetitle">Test Title</span>
                <span class="dropdown-menu-pagedescr">Lorem ipsum dolor sit amet, consecteteur adipiscing</span>
            </a>
        </li>
[.......]

编辑：

    class My_Walker_Nav_Menu extends Walker_Nav_Menu
{
    function start_lvl(&$output, $depth)
    {
        $indent = str_repeat("\t", $depth);
        $output .= "\n$indent<ul class=\"dropdown-menu pull-left\">\n";
    }

    function end_el(&$output, $item, $depth = 0, $args = array())
    {
        $output .= $item->label . '<span class="dropdown-menu-pagedescr">' . $item->description . '</span>';
    } 
}

我目前的导航：

        <?php 

$menu_args = array(
    'container'       => false, 
    'menu_class'      => 'nav nav-pills pull-right', 
    'menu_id'         => 'Navigation',
    'link_before'     => '<span class="dropdown-menu-pagetitle">',
    'link_after'      => '</span>',
    'walker' => new My_Walker_Nav_Menu()
    );

wp_nav_menu($menu_args ); 

?>

【问题讨论】：

标签： php wordpress navigation

【解决方案1】：

您需要使用自定义 Walker 来实现此目的。这基本上是 Wordpress 使用的一个类，作为关于如何构建菜单的说明。

有很多关于如何创建步行者的文档，但我发现实践是学习如何使用它们的最佳方式。

我建议您使用start_el() 函数，以便在任何子菜单项之前添加说明。以下文章应该可以帮助您入门：

更新：

有人在 Wordpress Stack Exchange 网站上提出了一个非常相似的问题：

https://wordpress.stackexchange.com/questions/14037/menu-items-description-custom-walker-for-wp-nav-menu/14039#14039

这可能是最好的起点！

【讨论】：

成功了！谢谢！但是，我的 Walker 总是在锚标记之外：/
好的，如果您将 Walker 代码和一些示例输出添加到您的问题中，我可能会提供帮助。
好的，尝试使用start_el() 代替end_el()。该链接是在 start_el 函数中构建的，因此如果您想在与标题相同的链接中添加描述，则必须编辑该函数。