Comment afficher uniquement la catégorie enfant dans la boucle de votre publication WordPress

Vous souhaitez afficher uniquement la catégorie enfant dans votre boucle de publication WordPress ?

La plupart des thèmes WordPress affichent toutes les catégories d’une publication, y compris les catégories parents et enfants. Cependant, si vous ajoutez beaucoup de catégories à vos publications, alors cela peut donner à votre site un aspect désordonné et empêcher les lecteurs de trouver un contenu intéressant.

Dans cet article, nous allons vous afficher comment afficher facilement uniquement la catégorie enfant dans votre boucle de publication WordPress.

Pourquoi afficher uniquement la catégorie enfant dans la boucle de publication de WordPress ?

Lorsque vous créez un blog WordPress, vous pouvez organiser votre contenu à l’aide de catégories et d’identifiants.

Pour aider les lecteurs à trouver plus rapidement un contenu intéressant, vous pouvez même créer des catégories enfant (ou sous-catégories).

Par exemple, si vous avez un blog de voyage, vous pouvez créer une catégorie « Destinations », puis des catégories subordonnées telles que « Europe », « Amérique » et « Australie ».

Par défaut, la plupart des thèmes WordPress affichent toutes les catégories parents et enfants pour une publication.

Cependant, si vous utilisez beaucoup de catégories, les pages de votre blog risquent d’être désordonnées et compliquées. Il peut également être plus difficile pour les lecteurs de trouver la catégorie qui les intéresse.

Pour cette raison, vous pouvez vouloir masquer les catégories parents génériques d’une publication et afficher uniquement les catégories enfants. Ceci étant dit, voyons comment afficher uniquement les catégories enfants dans la boucle de publication de WordPress.

Avant de modifier un fichier de thème WordPress : points clés à retenir

Ce guide s’adresse aux personnes qui sont à l’aise avec le codage et la modification des fichiers de thèmes WordPress. Voici quelques éléments à connaître avant de suivre le tutoriel :

1. Tout d’abord, vous devez connecter votre site au FTP ou ouvrir le gestionnaire de fichiers de votre hébergeur pour pouvoir accéder à ces fichiers.
2. Si vous êtes débutant, vous pouvez alors consulter notre guide du débutant sur la façon de coller des extraits du web dans WordPress pour vous préparer en amont.
3. Nous vous recommandons de créer une sauvegarde ou d’utiliser un site de staging pour suivre cette méthode. Ainsi, en cas de problème, votre site direct ne sera pas affecté.

Dernier point, ce guide s’applique uniquement aux thèmes WordPress classiques. Les thèmes en bloc ont une structure différente pour les fichiers de thème.

Afficher uniquement la catégorie enfant dans la boucle de publication de WordPress

Tout d’abord, vous devez trouver dans les fichiers de votre thème le code responsable de l’affichage des catégories. Cela peut prendre un certain temps, mais vous pouvez utiliser la fonctionnalité « trouver » de votre éditeur/éditrices de code pour accélérer les choses.

Essayez de trouver du code lié à la catégorie, comme has_category ou get_the_category_list. Si vous les trouvez, vous devriez être dans le bon fichier.

Si vous utilisez le thème Twenty Twenty-One, le fichier que vous devez rechercher est le fichier template-tags qui se trouve dans le dossier ‘inc’. Voici l’extrait responsable de l’affichage des catégories :

if ( has_category() || has_tag() ) {
    echo '<div class="post-taxonomies">';
    $categories_list = get_the_category_list( wp_get_list_item_separator() );
    if ( $categories_list ) {
        printf(
            /* translators: %s: List of categories. */
            '<span class="cat-links">' . esc_html__( 'Categorized as %s', 'twentytwentyone' ) . ' </span>',
            $categories_list // phpcs:ignore WordPress.Security.EscapeOutput
        );
    }
    echo '</div>';
}

Si vous ne trouvez pas le bon fichier de modèle, veuillez consulter l’aide-mémoire sur la hiérarchie des modèles WordPress.

Maintenant que vous avez trouvé le bon code, vous pouvez ajouter l’extrait suivant :

// Get the IDs of categories
    $categories = get_the_category();
    $child_cat_ID = array(); // Array to store child category IDs

    foreach( $categories as $category ) {
        // Check if the category has a parent (i.e., it's a child category)
        if ( $category->parent > 0 ) {
            $child_cat_ID[] = $category->term_id; // Store the child category ID
        }
    }

    if ( !empty($child_cat_ID) ) {
        $output = '<span class="cat-links">' . esc_html__( 'Categorized as ', 'twentytwentyone' );
        foreach($child_cat_ID as $cat_id) {
            $cat_link = get_category_link($cat_id);
            $cat_name = get_cat_name($cat_id);
            $output .= '<a href="' . esc_url($cat_link) . '">' . esc_html($cat_name) . '</a>';
        }
        $output .= '</span>'; // Close the span tag after the loop
        echo $output; // Echo the entire output

Si vous utilisez le thème Twenty Twenty-One, alors vous devez ajouter le code ci-dessus en remplaçant ceux qui se trouvent entre ces lignes :

if ( has_category() || has_tag() ) {
    echo '<div class="post-taxonomies">';
// Replace the code in between these lines
}
    echo '</div>';
}

Voici à quoi il devrait ressembler :

Lorsque vous avez terminé, enregistrez vos modifications, puis téléversez le fichier sur votre serveur web hébergeur.

Maintenant, vous devez visiter une publication qui a une ou plusieurs catégories enfants. Vous verrez que la catégorie mère est masquée et que WordPress affiche uniquement les catégories enfants.

Nous espérons que cet article vous a aidé à apprendre comment afficher uniquement la catégorie enfant dans vos publications WordPress. Ensuite, vous voudrez peut-être consulter notre guide sur la façon de gagner de l’argent en ligne en bloguant avec WordPress ou nos choix d’experts pour les meilleures extensions et outils SEO que vous devriez utiliser.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.