Menu a discesa con selezione delle categorie

Ecco una variante del codice che utilizzi. Sto usando get_categories() qui per raggiungere lo stesso obiettivo. Ho dovuto modificare leggermente il mio codice per renderlo adatto alle tue esigenze.

Tuttavia, ci sono altre modifiche che devi apportare per far funzionare tutto. Quando selezioni l'opzione Tutte le Categorie, verrai reindirizzato a una pagina che mostrerà ciò che desideri visualizzare. Questa pagina dovrai crearla manualmente.

Come forse saprai, in WordPress non esistono pagine di archivio indice (Dai un'occhiata a questo post che ho scritto sullo stesso argomento). Ciò significa che dominio.com/categoria/ restituirà un errore 404.

Quindi, per far funzionare tutto, devi creare una copia di page.php, rinominarla in qualcosa come page-category.php (consulta il codex su come creare template di pagina personalizzati), aprirla e creare una query personalizzata per visualizzare ciò che desideri mostrare quando questa pagina viene visitata.

Ora devi creare la tua pagina nel backend. Suggerirei di utilizzare lo slug categoria in modo che quando visiti dominio.com/categoria/, questa pagina venga visualizzata (Ricorda solo che non puoi creare pagine figlie per questa pagina, altrimenti romperai la gerarchia). Ho anche modificato il codice per reindirizzare a dominio.com/categoria/ quando viene selezionata l'opzione Tutte le Categorie.

A parte questo, il codice dovrebbe funzionare bene. Devi solo verificare le strutture degli URL e impostare i parametri in get_categories() in base alle tue esigenze. Ecco il codice per il menu a discesa.

<select name="event-dropdown" onchange='document.location.href=this.options[this.selectedIndex].value;'> 
    <option value=""><?php echo esc_attr(__('Seleziona Categoria')); ?></option> 

    <?php 
        $option = '<option value="' . get_option('home') . '/category/">Tutte le Categorie</option>'; // cambia category con il tuo slug di pagina personalizzato
        $categories = get_categories(); 
        foreach ($categories as $category) {
            $option .= '<option value="'.get_option('home').'/category/'.$category->slug.'">';
            $option .= $category->cat_name;
            $option .= ' ('.$category->category_count.')';
            $option .= '</option>';
        }
        echo $option;
    ?>
</select>

MODIFICA

In realtà ho avuto un'idea che potrebbe tornare utile. Recentemente ho scritto una risposta su come visualizzare tutte le categorie in un elenco con tutti i titoli dei post sotto la categoria specifica. Questa stessa idea può essere utilizzata nel tuo template page-category.php.

Quando un utente seleziona l'opzione Tutte le Categorie, verrà reindirizzato a questa pagina che elencherà tutte le categorie e i titoli dei post.

Ecco il codice completo: (per una spiegazione del codice, consulta il mio post qui)

Nel tuo functions.php

add_action( 'transition_post_status', 'publish_new_post', 10, 3 );

function publish_new_post() {
   delete_transient( 'category_list' );
}

Nel tuo template dove devi visualizzare l'elenco

<?php
if ( false === ( $q = get_transient( 'category_list' ) ) {

    $args = array( 
        'posts_per_page' => -1
    );

    $query = new WP_Query($args); 

    $q = array();

    while ( $query->have_posts() ) { 

        $query->the_post(); 

        $a = '<a href="'. get_permalink() .'">' . get_the_title() .'</a>';

        $categories = get_the_category();

        foreach ( $categories as $key=>$category ) {

            $b = '<a href="' . get_category_link( $category ) . '">' . $category->name . '</a>';    

        }

        $q[$b][] = $a; // Crea un array con i nomi delle categorie e i titoli dei post
    }


    /* Ripristina i dati originali del Post */
    wp_reset_postdata();

set_transient( 'category_list', $q, 12 * HOUR_IN_SECONDS );
}

foreach ($q as $key=>$values) {
        echo $key;

        echo '<ul>';
            foreach ($values as $value){
                echo '<li>' . $value . '</li>';
            }
        echo '</ul>';
    }


?>