Menu - custom structure

时间：2013-07-16 作者：user2587741 

                 <ul>
                    <li><hr class="menu-dotted-line"/></li>
                    <li class="menu-button-bg">
                        <div class="menu-button">HOME</div>
                        <div class="menu-button-desc">back to hompage</div>
                        <div></div>
                    </li>
                    <li><hr class="menu-dotted-line"/></li>
                    <li class="menu-button-bg hide-sub-menu">
                        <div class="menu-button">PORTFOLIO</div>
                        <div class="menu-button-desc">view our work</div>
                        <div></div>
                    </li>
                    <li><hr class="menu-dotted-line"/></li> 
                </ul>
有没有办法用这种结构将这段代码实现到wordpress中？

<小时>header.php 代码：

<?php wp_nav_menu( array( \'theme_location\' => \'primary\' ) ); ?>
functions.php 代码：

<?php

    register_nav_menu( \'primary\', __( \'Primary Menu\' ) );

?

1 个回复
最合适的回答,由SO网友:user2587741 整理而成

问题已修复。以下是解决方案：

功能。php

register_nav_menu( \'primary\', __( \'Primary Menu\') );

class Menu_With_Description extends Walker_Nav_Menu {
    function start_el(&$output, $item, $depth, $args) {
        global $wp_query;
        $indent = ( $depth ) ? str_repeat( "\\t", $depth ) : \'\';

        $class_names = $value = \'\';

        $classes = empty( $item->classes ) ? array() : (array) $item->classes;

        $class_names = join( \' \', apply_filters( \'nav_menu_css_class\', array_filter( $classes ), $item ) );
        $class_names = \' class="\' . esc_attr( $class_names ) . \' menu-button-bg"\';

        $output .= $indent . \'<li><hr class="menu-dotted-line"/></li><li id="menu-item-\'. $item->ID . \'"\' . $value . $class_names .\'>\';

        $attributes = ! empty( $item->attr_title ) ? \' title="\' . esc_attr( $item->attr_title ) .\'"\' : \'\';
        $attributes .= ! empty( $item->target ) ? \' target="\' . esc_attr( $item->target ) .\'"\' : \'\';
        $attributes .= ! empty( $item->xfn ) ? \' rel="\' . esc_attr( $item->xfn ) .\'"\' : \'\';
        $attributes .= ! empty( $item->url ) ? \' href="\' . esc_attr( $item->url ) .\'"\' : \'\';

        $item_output = $args->before;
        $item_output .= \'<a\'. $attributes .\'>\';
        $item_output .= \'<div class="menu-button">\' . $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after . \'</div>\';
        $item_output .= \'<div class="menu-button-desc">\' . $item->description . \'</div>\';
        $item_output .= \'</a>\';
        $item_output .= $args->after;

        $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output, $item, $depth, $args );
    }
}
jQuery

$(document).ready(function() {
$("#logo-buttons-bg ul li:last").after("<li><hr class=\'menu-dotted-line\'/></li>");
}
标题。php

<?php $walker = new Menu_With_Description; ?>
<?php wp_nav_menu( array( \'theme_location\' => \'primary\', \'menu_class\' => \'nav-menu\', \'walker\' => $walker, \'container\' => false) ); ?>

结束
标签： menus   customization   小码农  

相关推荐

REGISTER_NAV_MENUS和wp_NAV_MENU问题，不显示独立菜单

我的问题是wordpress没有将两个菜单显示为单独的菜单，它只是将菜单上的内容输出到两个位置。URL：http://www.msc-media.co.uk检查页眉和页脚的链接-我知道页脚很难看，以后需要整理css。我在函数中创建了两个菜单。php使用此代码。<?php register_nav_menus( array( \'topmenu\' => \'Top Menu\', \'footermenu\' => \'Fo