WordPress post list filter

Kategorien ausgeben und danach filtern

<?php # FILTER ?>

    <div class="row-l">
        <?php $categories = get_categories(); ?>
        <div class="wp-block-buttons cat-list">
            <div class="wp-block-button is-style-black-outline">
                <a class="wp-block-button__link cat-list_item active" href="#!" data-slug="">Alle Referenzen</a>
            </div>

            <?php foreach($categories as $category) : ?>
            <div class="wp-block-button is-style-black-outline">
                <a class="wp-block-button__link cat-list_item" href="#!" data-slug="<?= $category->slug; ?>">
                        <?= $category->name; ?>
                </a>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
    <div style="height:50px" aria-hidden="true" class="wp-block-spacer"></div>

    <script>
        jQuery('.cat-list_item').on('click', function() {
            jQuery('.cat-list_item').removeClass('active');
            jQuery(this).addClass('active');

            jQuery.ajax({
                type: 'POST',
                url: '<?php echo get_site_url();?>/wp-admin/admin-ajax.php',
                dataType: 'html',
                data: {
                    action: 'filter_references',
                    category: jQuery(this).data('slug'),
                },
                success: function(res) {
                    jQuery('.project-tiles').html(res);
                }
            })
        });
    </script>

Quellen

• https://weichie.com/blog/wordpress-filter-posts-with-ajax/