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

Lors de la création de sites Web, de nombreux utilisateurs de WordPress supposent que l'affichage de chaque sous-catégorie aidera les visiteurs à trouver plus rapidement ce dont ils ont besoin.

Mais, d'après notre expérience, afficher une longue liste de sous-catégories sur votre site n'est pas esthétique et peut même submerger les visiteurs. Au lieu d'aider les gens à naviguer, cela les confond souvent et donne à votre site un aspect encombré et non professionnel.

La bonne nouvelle est qu'au fil des ans, nous avons découvert plusieurs moyens simples de personnaliser l'affichage de vos sous-catégories.

Dans ce tutoriel, nous vous montrerons comment masquer les sous-catégories et modifier leur style à l'aide d'un extrait de code.

Pourquoi utiliser des sous-catégories dans WordPress ?

Lorsque vous publiez des articles sur votre site WordPress, vous pouvez les organiser à l'aide de catégories et d'étiquettes. Lorsque vous catégorisez correctement le contenu, vous pouvez améliorer votre SEO, ce qui apportera plus de trafic à votre site.

L'organisation de vos articles améliorera également la navigation de votre site, afin que les visiteurs puissent trouver plus facilement le contenu 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 blog de voyage pourrait avoir une catégorie pour les destinations touristiques aux États-Unis. Au fur et à mesure que son 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 vos catégories dans un widget WordPress, vous pouvez utiliser une liste plate ou une hiérarchie. Voici à quoi ressemble chaque option sur notre site de démonstration.

Vous le faites en visitant Apparence » Widgets dans votre tableau de bord WordPress et en cochant la case « Afficher la hiérarchie » dans votre widget Catégories.

Mais quelle que soit l'option que vous choisissez, la liste finira par devenir longue et ingérable, et n'aura pas fière allure sur votre site WordPress.

Dans ce guide, nous vous montrerons comment masquer les sous-catégories pour faciliter la navigation dans votre liste de catégories et comment styliser les sous-catégories pour un aspect plus épuré. Vous pouvez utiliser les liens rapides ci-dessous pour accéder à la section qui vous intéresse le plus :

• Comment masquer vos sous-catégories dans WordPress à l'aide de CSS
• How to Style Your Subcategories in WordPress Using CSS

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

Dans cet article, nous utiliserons des extraits de code CSS pour masquer et styliser vos sous-catégories. Vous pouvez ajouter les extraits directement au fichier style.css de votre thème, à un plugin d'extraits de code comme WPCode, ou les ajouter à l'aide du personnalisateur de thème dans votre tableau de bord WordPress.

L'ajout de CSS peut être délicat pour les débutants, et une erreur pourrait casser votre site WordPress. Si vous débutez avec les extraits de code, vous pourriez consulter notre guide sur comment ajouter facilement du CSS personnalisé à votre site WordPress.

Cela dit, examinons comment masquer les sous-catégories dans WordPress.

Vous devrez copier le code suivant et le coller dans le fichier style.css de votre thème, votre plugin d'extraits de code, ou votre personnalisateur de thème WordPress.

.children {
display:none;
}

Pour utiliser le personnalisateur de thème, vous devez d'abord naviguer vers Apparence » Personnaliser, puis cliquer sur « CSS additionnel » en bas de la liste. Ensuite, vous collez simplement le code et cliquez sur le bouton « Publier ».

Vous pouvez maintenant visiter votre site WordPress pour vous assurer que les sous-catégories sont masquées. Voici des captures d'écran avant et après de notre site de test.

Cela semble beaucoup plus propre, mais maintenant vos visiteurs ne peuvent plus voir les sous-catégories. Vous pourriez vouloir consulter notre guide sur comment afficher les sous-catégories sur vos pages de catégorie WordPress.

Si vous faites cela, alors lorsque vos visiteurs cliqueront sur la catégorie États-Unis, ils verront des liens sur cette page vers les sous-catégories, telles que Chicago, Los Angeles et New York.

Comment styliser vos sous-catégories dans WordPress en utilisant CSS

Vous pouvez également utiliser CSS pour personnaliser l'apparence de vos catégories et sous-catégories. Cela dépendra de vos propres connaissances en CSS et de ce que vous souhaitez modifier quant à leur apparence dans votre thème actuel.

Par exemple, si vous affichez vos sous-catégories dans une hiérarchie, l'ajout de barres verticales vous permettra de voir rapidement quelles catégories sont au même niveau. Jetons un coup d'œil à la façon de faire cela.

Changer le style de vos sous-catégories suit la même procédure que de les masquer. Vous devez copier le code ci-dessous et le coller dans style.css, le plugin WPCode, ou le personnalisateur de thème WordPress.

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

Si vous utilisez le personnalisateur de thème, n'oubliez pas de cliquer sur le bouton « Publier ».

Une fois que vous avez fait cela, vous pouvez visiter votre site WordPress pour prévisualiser les modifications. Voici des captures d'écran avant et après de notre site de test.

N'hésitez pas à apporter des ajustements au code pour personnaliser le style selon vos goûts.

Vous pouvez également utiliser le CSS pour styliser d'autres éléments de votre thème WordPress. Par exemple, vous pouvez utiliser le CSS pour styliser différemment les catégories individuelles.

Guides d'experts sur les catégories et sous-catégories dans WordPress

Maintenant que vous savez comment masquer ou styliser vos sous-catégories, vous pourriez vouloir consulter d'autres tutoriels sur l'utilisation des catégories et sous-catégories dans WordPress :

• Comment inclure la catégorie et la sous-catégorie dans les URL WordPress
• Comment afficher les catégories vides dans les widgets WordPress
• Comment afficher les descriptions de catégories dans WordPress
• Comment ajouter des images de taxonomie (icônes de catégorie) dans WordPress

Nous espérons que ce tutoriel vous a aidé à apprendre comment masquer vos sous-catégories dans WordPress, ainsi qu'à modifier leur style. Vous voudrez peut-être aussi consulter notre liste des plugins WordPress indispensables pour développer votre site, ou notre tutoriel sur comment afficher les articles similaires dans WordPress.

Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.