我想在WordPress中创建自定义分类的字母导航，而不影响网站设计

Question

我想在WordPress中创建自定义分类的字母导航，而不影响网站设计？如果用户点击像A这样的字母表，那么它将显示所有以A开头的列表类别，也会显示列表数据的相同条件过滤器

我已经尝试了一些插件，如A_Z列表，按字母排序的分页(根本不起作用，总是要求高级版本，我如何使用它)，A2Z字母归档链接(只适用于帖子，不适用于自定义列表类别)

/test/#letter-B仅在地址栏上显示，而不在过滤中显示

Answer 1

所以这是我想出来的一个小点子。您可以按字母顺序获得分类法。然后将字母添加到过滤器中。然后使用一些javascript来过滤ya。希望这能有所帮助！

    $terms = get_terms( array (
        'hide_empty' => 'false',
        'taxonomy'   => 'your_taxonomy',
        'order'      => 'ASC',
        'orderby'    => 'name',
    ));

    $filter_letters = array();
    $tax_wrap;
    $filter_wrap = '<div class="filter-wrap">';
    foreach($terms as $t) :
        $letter = substr( $t->name, 0, 1 );
        if(!in_array($letter, $filter_letters)) {
            $filter_letters[] = $letter;
            $filter_wrap .= '<span id="letter-' . $letter . '" class="letter">' . $letter . '</span>';
        }
        $tax_wrap .= '<div class="letter-' . $letter .' tax-row">
                        <a href="' . esc_url(get_term_link( $t )) .'">' . $t->name .'</a>
                    </div>';

    endforeach;
    $filter_wrap .= '</div>';

    ob_start();
    echo $filter_wrap;
    echo $tax_wrap;
    ?>
    <script>
        jQuery(function( $ ){
            $('.filter-wrap .letter').click(function() {
                $('.tax-row').hide();
                var id = $(this).attr('id');
                $('.' + id).show();
            });
        });
    </script>

    <?php

    return ob_get_clean();