Comment masquer ou styliser les sous-catégories dans WordPress

Souhaitez-vous masquer les sous-catégories dans WordPress ou définir leur style afin que votre liste de catégories soit plus facile à lire ? Dans WordPress, vos articles peuvent être divisés en différentes catégories et sous-catégories. Cela facilite la navigation et le référencement, mais une longue liste de sous-catégories n'est pas toujours du plus bel effet sur votre site.

Dans ce tutoriel, vous apprendrez à masquer les sous-catégories et à modifier leur style à l'aide d'extraits de code.

Pourquoi utiliser les sous-catégories dans WordPress ?

Lorsque vous rédigez des articles pour votre site web WordPress, vous pouvez utiliser des catégories et des étiquettes pour les organiser. Lorsque vous catégorisez correctement le contenu, vous pouvez améliorer votreOptimisation des moteurs de recherche (SEO)Cela augmentera le trafic vers votre site web.

L'organisation de vos articles peut également améliorer la navigation sur votre site et permettre aux visiteurs de trouver plus facilement ce qu'ils recherchent. Vous pouvez même créer des sous-catégories lorsque la structure de votre site devient plus complexe.

Par exemple, un blogueur spécialisé dans les voyages peut créer une catégorie sur les destinations touristiques aux États-Unis. Au fur et à mesure que le contenu s'étoffe, il peut être judicieux de créer des sous-catégories pour des villes comme Chicago, Los Angeles et New York.

Si vous affichez des catégories dans un widget WordPress, vous pouvez utiliser soit une liste plate, soit une hiérarchie. Voici comment chaque option se présente sur notre site de démonstration :

Les sous-catégories peuvent être affichées dans une liste hiérarchique.

Ceci peut être fait en visitant le tableau de bord de WordPress sur la pageétat extérieur→widgetset cochez la case "Afficher la hiérarchie" dans le widget de la catégorie.

Quelle que soit l'option choisie, la liste finira par être longue et difficile à gérer, et elle ne sera pas du plus bel effet sur votre site WordPress.

Comment masquer les sous-catégories dans WordPress à l'aide de CSS

Nous utilisons des extraits de code CSS pour masquer et styliser les sous-catégories. Les extraits de code peuvent être ajoutés directement à la section style.css des fichiers, des plugins d'extraits de code (tels queWPCode), ou les ajouter en utilisant le personnalisateur de thème dans le tableau de bord de WordPress.

L'ajout de CSS peut s'avérer délicat pour les débutants, et une erreur peut endommager votre site WordPress.

Voyons comment masquer les sous-catégories dans WordPress.

Marche à suivre pour masquer les sous-catégories

Le code suivant doit être copié et collé dans le fichier style.css du thème, dans le plugin d'extraits de code ou dans le personnalisateur de thème WordPress :

.children { display : none ; }<br>
.children { display : none ; }<br>
.children { display : none ; }

• Masquer les sous-catégories à l'aide du personnalisateur de thème

Pour utiliser le personnalisateur de thème, vous devez d'abord naviguer vers "état extérieur"""personnalisation"

Cliquez ensuite sur le bas de la liste "Autre CSS". Ensuite, il suffit de coller le code et de cliquer sur "posteLe bouton " " fera l'affaire.

Vous pouvez maintenant visiter votre site WordPress pour vérifier que les sous-catégories sont bien cachées. Vous trouverez ci-dessous des captures d'écran avant et après du site de test :

Masquer les sous-catégories avant et après :

Cela semble plus propre, mais vos visiteurs ne peuvent plus voir les sous-catégories. Vous pouvez consulter notre guide sur l'affichage des sous-catégories sur les pages de catégories de WordPress.

Dans ce cas, lorsque les visiteurs cliqueront sur la catégorie "États-Unis", ils verront des liens vers les sous-catégories de cette page, telles que Chicago, Los Angeles et New York City.

Comment styliser les sous-catégories dans WordPress à l'aide de CSS

Il est également possible de personnaliser l'apparence des catégories et des sous-catégories à l'aide de CSS. Cela dépendra de vos connaissances en matière de CSS et des modifications que vous souhaitez apporter à leur apparence dans le thème actuel.

Etapes pour définir les styles des sous-catégories

Changer le style des sous-catégories est la même chose que de les cacher. Vous devez copier le code ci-dessous et le coller dans le champ style.cssetPlugin WPCodeou dans le personnalisateur de thème de WordPress :

<code>.children {
    padding : 0 0 0 0 5px ;
    margin : 0 0 0 2px ;
    border-left : 1px solid #333 ;
}</code>
<code>.children {
    padding : 0 0 0 0 5px ;
    margin : 0 0 0 2px ;
    border-left : 1px solid #333 ;
}</code>
.children {
    padding : 0 0 0 0 5px ;
    margin : 0 0 0 2px ;
    border-left : 1px solid #333 ;
}
.children {
    padding : 0 0 0 0 5px ;
    margin : 0 0 0 2px ;
    border-left : 1px solid #333 ;
}
.children {
    padding : 0 0 0 0 5px ;
    margin : 0 0 0 2px ;
    border-left : 1px solid #333 ;
}

Définir les styles des sous-catégories à l'aide du Customiseur de thème

Si vous utilisez le Customiseur de thème, cliquez sur "poste"Bouton.

Lorsque vous avez terminé, visitez votre site WordPress pour visualiser les changements.

Vous pouvez également utiliser CSS pour styliser d'autres éléments de votre thème WordPress. Par exemple, vous pouvez utiliser CSS pour définir des styles différents pour chaque catégorie.

rendre un verdict

Masquer ou styliser les sous-catégories dans WordPress peut vous aider à garder votre site ordonné et facile à naviguer. En utilisant de simples extraits de code CSS, il est facile de contrôler l'affichage des sous-catégories.