Naše práce

<?php
wp_dropdown_categories( array(
    'show_option_all' => 'Všechny kategorie',
    'taxonomy'        => 'category', // Změňte na název vaší taxonomie, pokud je jiný
    'name'            => 'category_filter',
    'orderby'         => 'name',
    'hierarchical'    => true,
    'depth'           => 1,
    'show_count'      => false,
    'value_field'     => 'term_id',
    'class'           => 'category-filter-dropdown',
) );
?>

.category-filter-dropdown {
    padding: 0.5rem;
    border-radius: 4px;
    border: 1px solid #ccc;
    margin-left: 20px;
}

<script>
document.querySelector('.category-filter-dropdown').addEventListener('change', function() {
    var categoryID = this.value;
    var postsContainer = document.querySelector('.posts-container'); // Ujistěte se, že máte správný selektor pro kontejnery příspěvků
    
    // Načtěte příspěvky podle zvolené kategorie pomocí AJAXu nebo použijte nějaký plugin pro AJAX filtr
    var url = new URL(window.location.href);
    url.searchParams.set('cat', categoryID);
    window.location.href = url.toString();
});
</script>