Фильтрация записей по нескольким таксономиям

У меня есть страница, на которой я хочу отображать все записи определенного типа, который мы будем называть “персоны”. Я хочу дать пользователю возможность фильтровать всех персон по нескольким (!) таксономиям: возраст, город, профессия, уровень опыта. Лучший способ сделать это — кликать по флажкам и получать результаты сразу через Ajax без перезагрузки страницы.

Думаю, это то, что многие разработчики WordPress хотят реализовать. К сожалению, я не нашел подходящего урока для достижения этого. Но это должно быть что-то простое для опытных разработчиков WordPress…

Может кто-нибудь предоставить шаблон кода для создания страницы фильтра для описанного выше пользовательского типа записи?

Я уже знаю, как фильтровать записи по только ОДНОЙ таксономии с помощью jQuery. Это код, который я использовал до сих пор:

<!-- ШАБЛОН СТРАНИЦЫ ДЛЯ ОБЗОРА ВСЕХ ЗАПИСЕЙ ТИПА "ПЕРСОНЫ" -->

        <!-- СПИСОК ВСЕХ ЗАПИСЕЙ ПО ТАКСОНОМИИ "ГОРОДА"  -->
        <div class="cities">

        <a href="#" id="all">Все города</a>             
        <?php
        // Получение всех терминов таксономии
        $taxonomy = 'cities';
        $terms = get_terms($taxonomy); 
        if ( $terms && !is_wp_error( $terms ) ) :
        foreach ( $terms as $term ) { ?>
            <a href="javascript:void(0);" data-target="<?php echo $term -> slug; ?>"><?php echo $term -> name; ?></a>
         <?php } endif; ?>

        </div>

        <!-- ВЫВОД ПЕРСОН -->

        <div class="overview_persons">

            <?php  
            $args= array(
                'post_type' => 'persons', 
                'post_status' => 'publish',
                'meta_key' => 'zip',
                'orderby' => 'meta_value_num',
                'order' => 'ASC',
                'posts_per_page' => -1
            );
            query_posts($args);

            if ( have_posts() ) : while ( have_posts() ) : the_post(); 

                $post_terms = wp_get_post_terms( $post->ID, $taxonomy, array( "fields" => "slugs" ) );
                $post_terms_space_separated = implode(" ", $post_terms);
                ?>

                <!-- вывод выбранного значения таксономии в класс div персоны -->
                <div class="person <?php echo $post_terms_space_separated; ?>">
                    <!-- описание персоны -->                          
                </div>                  

            <?php endwhile; endif; wp_reset_query(); ?>

        </div>

<!-- МОЙ JQUERY ДЛЯ ФИЛЬТРАЦИИ ПЕРСОН ПО ТАКСОНОМИИ "ГОРОД" -->
<script>
    jQuery(document).ready(function() {

        // Клик по городу 
        jQuery('a[data-target]').click(function() {
              jQuery('.person').show().not('.' + this.dataset.target).hide();

        });

        // Клик по "Все города"
        jQuery('#all').click(function(e) {
              e.preventDefault();
              jQuery('.person').show();

        });

    });

</script>

Этот код работает прекрасно. Но мой новый вызов — фильтрация персон по более чем одной таксономии — не только по городу, но также по возрасту, профессии и уровню опыта. Как необходимо изменить мой код для достижения этого? Конечно, предпочтительнее сделать это через Ajax.

Во-первых, вы должны использовать WP_Query вместо query_posts.

Обратите внимание на Параметры Таксономии.

Прежде всего tax_query и relation.

// Репост из указанной выше ссылки
   $args = array(
        'post_type' => 'post',
        'tax_query' => array(
            'relation' => 'AND',
            array(
                'taxonomy' => 'movie_genre',
                'field' => 'slug',
                'terms' => array( 'action', 'comedy' )
            ),
            array(
                'taxonomy' => 'actor',
                'field' => 'id',
                'terms' => array( 103, 115, 206 ),
                'operator' => 'NOT IN'
            )
        )
    );

ИЛИ, если вы предпочитаете задать его позже внутри цикла, изучите array_key_exists. Вы могли бы запустить цикл снова, но на этот раз проверять каждую запись на совпадение с термином.

// БОЛЬШЕ НЕ РАБОТАЕТ, WORDPRESS ИЗМЕНИЛ СТРУКТУРУ МАССИВА get_the_terms() -- ОКТЯБРЬ 2015
   /* if( array_key_exists( 111, get_the_terms($post->ID,'age') ) &&  array_key_exists( 222, get_the_terms($post->ID,'city') ) ) { 
      // вывод записи
    } */

ИЛИ, вы могли бы просто сделать это все на jQuery (например), если вы все равно будете загружать каждую запись на странице. Вы могли бы выводить data атрибуты для каждой записи, содержащие термины, которыми они помечены.

<!-- Например  // Где 111 и 222 относятся к id термина -->
<div class="person" data-age="id111" data-city="id222"></div>

И просто .hide() те, которые не соответствуют выбранным терминам для фильтрации.

Это не новый вопрос, однако сегодня мы не обязаны использовать jQuery и WP_Query для того, чтобы это работало.

Более того, в Темах Блока WordPress мы даже не можем использовать WP_Query для создания фильтра по таксономиям.

По моему мнению, нам нужно использовать следующее:

• Блок Цикла Запроса (доступен как часть редактора сайта WordPress)
• Интерактивный API (который позволяет сделать наш фильтр полностью AJAX)
• Блок таксономического фильтра (который будет взаимодействовать как с Интерактивным API, так и с блоком цикла запроса и фильтровать для нас записи или пользовательские типы записей).

Поскольку первые две вещи доступны в WordPress по умолчанию в наши дни, нам нужен только блок таксономического фильтра, чтобы это работало для нас. Я бы рекомендовал взглянуть на этот: https://rudrastyh.com/plugins/taxonomy-filter-block.