2

我在自定义 Custom Walker 时遇到问题。

我要做的是创建一个手风琴菜单，其中第一个父级打开子列表，父级也重复该列表，以便可以单击它。

Parent 1 - Parent 1 - Child 1 - Child 2 Parent 2 - Parent 2 - Child 1 - Child 2 - Child 3

我环顾四周堆叠溢出，这就是我到目前为止所得到的。

    <ul>

        <?php

            class Walker_Simple_Example extends Walker_Category {


                // Configure the start of each element
                function start_el( &$output, $category, $depth = 0, $args = array(), $id = 0) {

                    // Set the category name and slug as a variables for later use
                    $cat_name = esc_attr( $category->name );
                    $cat_name = apply_filters( 'list_cats', $cat_name, $category );
                    $cat_slug = esc_attr( $category->slug );

                    $haschildren = '';
                    if($args['has_children']) {
                        $haschildren = ' has-children';
                    }

                    // Configure the output for the top list element and its URL
                    if ( $depth === 0 ) {
                        $link = '<a class="parent-category-dropdown" href="' . esc_url( get_term_link($category) ) . '"' . '>' . $cat_name . '</a>';
                        $indent = str_repeat("\t", $depth);
                        $output .= "\t<li class='parent-category" . $haschildren . " " . $cat_slug . "'>$link\n<div class='category-dropdown'>\n<span class='parent-category-title'><a href='" . esc_url( get_term_link($category) ) . "'>" . $cat_name . "</a></span>\n$indent<ul class='submenu'>\n";
                    }

                    // Configure the output for lower level list elements and their URL's
                    if ( $depth > 0 ) {
                        $link = '<a href="' . esc_url( get_term_link($category) ) . '"' . '>' . $cat_name . '</a>';
                        $output .= "\t<li class='sub-category'>$link\n";
                    }

                }

                // Configure the end of each element
                function end_el(&$output, $page, $depth = 0, $args = array() ) {
                    if ( $depth === 0 ) {
                        $indent = str_repeat("\t", $depth);
                        $output .= "$indent</ul>\n</div>\n";
                    }
                    if ( $depth > 0 ) {
                        $output .= "</li>";
                    }

                }
            }

            wp_list_categories( array(
                'orderby' => 'name',
                'child_of' => 22,
                'title_li' => '',
                'walker' => new Walker_Simple_Example
            ));

        ?>

    </ul>

首先，它不适用于 sub sub child，其次，它在 ul 包装器之外添加 parent-category-title。

如果有更好的方法来做到这一点，我全神贯注！

非常感谢 ：）

4

0 回答 0