Souhaitez-vous masquer les sous-catégories dans WordPress ou les styliser afin que votre liste de catégories soit plus facile à lire ?
Dans WordPress, vos articles peuvent être organisé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’aura pas toujours fière allure sur votre site.
Dans ce didacticiel, nous allons vous montrer comment masquer les sous-catégories et modifier leur style à l’aide d’un extrait de code.
Pourquoi utiliser les sous-catégories dans WordPress ?
Lorsque vous rédigez des articles pour votre site WordPress, vous pouvez les organiser à l’aide de catégories et de balises. Lorsque vous catégorisez correctement le contenu, vous pouvez booster votre référencement, ce qui apportera plus de trafic sur votre site.
L’organisation de vos publications 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 peut avoir une catégorie pour les destinations touristiques aux États-Unis. Au fur et à mesure que son contenu augmente, 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 sur votre tableau de bord WordPress et en cochant la case « Afficher la hiérarchie » sur votre widget Catégories.
Mais quelle que soit l’option que vous choisissez, la liste finira par devenir longue et ingérable, et ne sera pas belle 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. Nous vous montrerons également comment styliser les sous-catégories pour un look plus propre.
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 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 faire une erreur pourrait casser votre site WordPress. Si vous débutez dans l’utilisation d’extraits de code, vous voudrez peut-être consulter notre guide sur la façon d’ajouter facilement du CSS personnalisé à votre site WordPress.
Cela étant dit, regardons 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 ou dans votre personnalisateur de thème WordPress.
.children { display:none; }
Pour utiliser le personnalisateur de thème, vous devez d’abord accéder à Apparence » Personnaliser puis cliquez sur CSS supplémentaire en bas de la liste. Après cela, il vous suffit de coller le code, puis de cliquer 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 Web de test.
Cela semble beaucoup plus propre, mais maintenant vos visiteurs ne peuvent pas voir les sous-catégories. Vous aimerez peut-être consulter notre guide sur la façon d’afficher les sous-catégories sur vos pages de catégories WordPress.
Si vous faites cela, 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 à l’aide de CSS
Vous pouvez également utiliser CSS pour personnaliser l’apparence de vos catégories et sous-catégories. Cela dépendra de votre propre connaissance des CSS et de ce que vous aimeriez changer dans 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. Voyons comment procéder.
Changer le style de vos sous-catégories suit la même procédure que pour les masquer. Vous devez copier le code ci-dessous et le coller dans style.css ou dans le personnalisateur de thème.
.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 Web de test.
N’hésitez pas à faire des ajustements au code pour personnaliser le style à votre goût.
Vous pouvez également utiliser CSS pour styliser d’autres éléments de votre thème WordPress. Par exemple, vous pouvez utiliser CSS pour styliser différemment les catégories individuelles.
Nous espérons que ce didacticiel vous a aidé à apprendre à masquer vos sous-catégories dans WordPress et à modifier leur style. Vous pouvez également consulter notre liste de plugins indispensables pour développer votre site.
Si vous avez aimé ce guide, pensez à vous abonner à notre Chaîne Youtube pour les didacticiels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.