Dropdown cu selecție de categorii

Iată o variație a codului pe care îl folosești. Eu folosesc get_categories() aici pentru a obține același rezultat. A trebuit să ajustez ușor codul meu pentru a-l face acceptabil pentru nevoile tale.

Totuși, există alte modificări pe care trebuie să le faci pentru ca acest lucru să funcționeze. Când selectezi opțiunea Toate Categoriile, vei fi redirecționat către o pagină care va afișa ceea ce dorești să fie afișat. Această pagină va trebui să o creezi manual.

După cum probabil știi, în WordPress nu există pagini de arhivă pentru index. (Vezi acest articol pe care l-am scris pe același subiect). Asta înseamnă că domeniu.com/categorie/ returnează eroarea 404.

Deci, pentru ca totul să funcționeze, va trebui să faci o copie a page.php și să o redenumești în ceva de genul page-categorie.php (consultă codex-ul pentru a afla cum să creezi șabloane personalizate), să o deschizi și să creezi o interogare personalizată pentru a afișa ceea ce dorești atunci când această pagină este accesată.

Acum trebuie să creezi pagina în backend. Aș sugera să folosești slug-ul categorie, astfel încât atunci când vizitezi domeniu.com/categorie/, această pagină să fie afișată. (Ține minte, nu poți crea pagini copil pentru această pagină, deoarece va strica ierarhia). Am modificat și codul pentru a merge către domeniu.com/categorie/ când este selectată opțiunea Toate Categoriile.

În afară de asta, codul ar trebui să funcționeze fără probleme. Trebuie doar să verifici structurile URL-urilor și, de asemenea, să setezi parametrii din get_categories() pentru a se potrivi nevoilor tale. Iată codul pentru meniul derulant:

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

    <?php 
        $option = '<option value="' . get_option('home') . '/categorie/">Toate Categoriile</option>'; // schimbă "categorie" cu slug-ul paginii tale personalizate
        $categories = get_categories(); 
        foreach ($categories as $category) {
            $option .= '<option value="'.get_option('home').'/categorie/'.$category->slug.'">';
            $option .= $category->cat_name;
            $option .= ' ('.$category->category_count.')';
            $option .= '</option>';
        }
        echo $option;
    ?>
</select>

EDITARE

Am avut o idee care ar putea fi utilă. Recent am răspuns la o întrebare despre afișarea tuturor categoriilor într-o listă cu toate titlurile articolelor din fiecare categorie. Aceeași idee poate fi folosită în șablonul tău page-categorie.php.

Când un utilizator selectează opțiunea Toate Categoriile, va fi redirecționat către această pagină care va lista toate categoriile și titlurile articolelor.

Iată codul complet: (pentru o explicație detaliată a codului, vezi articolul meu aici)

În functions.php:

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

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

În șablonul unde ai nevoie să afișezi lista:

<?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; // Creează un array cu numele categoriilor și titlurile articolelor
    }


    /* Restabilește datele originale ale postării */
    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>';
    }


?>