Множественная фильтрация тегов облака

Question 1

Я пишу плагин, который создает пользовательский тип записи и два связанных пользовательских таксономии. Страница списка/архива пользовательского типа записи должна быть фильтруемой по терминам в одной или обеих таксономиях, т.е. не просто фильтр по одному термину таксономии. Фильтры должны отображаться как два отдельных облака тегов.

У кого-нибудь есть опыт реализации этой функциональности, и может кто-то порекомендовать подходящие плагины?

Question 2

Вам не обязательно нужен готовый плагин для этого, или вы можете создать собственный легкий плагин. Вот как я бы подошел к решению проблемы:

Вам нужно, чтобы приложение запоминало уже выбранный фильтр и передавало все значения фильтра каждый раз, когда вы изменяете свой выбор.
Поэтому вашим самым безопасным вариантом будет создание формы с таким количеством <select> полей, сколько у вас таксономий для фильтрации.
Вы заполните эти поля всеми вашими терминами и затем скроете форму. Значения <option> value будут равны slug’ам термина.
Затем вы сгенерируете стандартное облако термов, используя wp_tag_cloud и свяжете его с скрытыми фильтрами <select> с помощью JavaScript.
Каждый раз, когда вы нажимаете на ссылку в облаке, вы изменяете соответствующий фильтр поля <select> и отправляете форму.
Когда форма отправляется, вы получите настройки фильтра из $_GET и выполните запрос и фильтрацию записей, используя new WP_Query.
Вы отобразите запрашиваемые записи. Простой вопрос!

Следующий пример реализации. Вы можете перечислить столько таксономий, сколько хотите. Убедитесь, что jQuery загружен перед тем, как пытаться его использовать:

<?php
    // Перечислите все таксономии, которые хотите связать
    $taxonomies = array( 'genre', 'writer' );

    // Создает вспомогательные $genres_list, $writers_list и т.д., которые содержат все их термины
    foreach( $taxonomies as $taxonomy )
        ${$taxonomy . 's_list'} = get_terms( $taxonomy, array() );
?>

<!-- Создайте скрытые <select>, которые будут фильтровать наши данные -->
<form method="GET" id="filter-manager">

    <?php foreach( $taxonomies as $taxonomy ): ?>
        <select id="<?= $taxonomy ?>_filter" name="<?= $taxonomy ?>_filter">
            <option value="">(нет)</option>
        <?php foreach( ${$taxonomy . 's_list'} as $taxonomy_object ): ?>
            <?php $selected = ( isset( $_GET[$taxonomy . '_filter'] ) && $_GET[$taxonomy . '_filter'] === $taxonomy_object->slug ) ? ' selected="selected"' : ''; ?>
            <option value="<?= $taxonomy_object->slug ?>"<?= $selected ?>><?= $taxonomy_object->name ?></option>
        <?php endforeach; ?>
        </select>
    <?php endforeach; ?>

</form>

<?php
    // Отобразите облака тегов для всех таксономий
    foreach( $taxonomies as $taxonomy ) {
        $cloud = wp_tag_cloud( array( 'taxonomy' => $taxonomy, 'echo' => false ) );

        // Добавьте данные таксономии к каждой ссылке
        $cloud = preg_replace( '~>([^<]+)<~U', ' data-taxonomy="' . $taxonomy . '">$1<', $cloud );

        echo $cloud;
    }
?>

<script>

    (function($) {
        // Скрыть менеджер фильтров
        $form = $('#filter-manager');
        $form.find('select').on('change', function() {
            $form.submit();
        }).hide();

        // Передать клики по облаку в соответствующий менеджер фильтров
        $('a[class*="tag-link"]').on('click', function(e) {
            e.preventDefault();
            var taxonomy = $(this).data('taxonomy');
            var $link = $(this);
            $form.find('select#' + taxonomy + '_filter option').filter( function() {
                return ( $(this).text() == $link.text() );
            }).prop('selected', true);
            $form.find('select#' + taxonomy + '_filter option').trigger('change');
        });
    })(jQuery);

</script>

<?php

    // Создайте аргументы WP_Query, измените по вашему усмотрению
    $args = array(
        'post_type' => 'post',
        'posts_per_page' => -1
    );

    // Создает WP_Query, который фильтрует только те записи, которые нам нужны
    foreach( $taxonomies as $taxonomy )
        if ( isset( $_GET[$taxonomy . '_filter'] ) and (bool) $_GET[$taxonomy . '_filter'] === true )
            $args = array_merge( $args, array( $taxonomy => $_GET[$taxonomy . '_filter'] ) );

    $filtered_posts = new WP_Query( $args );

    // Перечислить отфильтрованные записи
    while( $filtered_posts->have_posts() ): $filtered_posts->the_post();
?>
    <div class="post">
        <?php
            echo '<h2>' . get_the_title() . '</h2>';
            the_content();
        ?>
    </div>
<?php
    endwhile;

Множественная фильтрация тегов облака

Вопрос или проблема

Ответ или решение

1. Цели и задачи проекта

2. Ключевые аспекты реализации

a. Хранение выбранных фильтров

b. Создание скрытых элементов форм

c. Генерация облаков тегов

d. AJAX-запросы (по желанию)

3. Пример кода

4. Заключение