Voulez-vous styliser les catégories différemment dans WordPress ? La plupart des thèmes WordPress utilisent le même style pour toutes les pages d’archives de catégorie. Cependant, si vous exploitez un site Web riche en contenu, vous pouvez styliser chaque catégorie différemment pour maximiser leur potentiel. Dans cet article, nous allons vous montrer comment styliser facilement les catégories différemment dans WordPress.
Pourquoi styliser les catégories différemment dans WordPress ?
Comme nous l’avons dit précédemment, la plupart des thèmes WordPress utilisent le même modèle pour chaque page d’archive de catégorie. C’est parce que les développeurs de thèmes ne savent pas comment vous utiliserez les catégories sur votre site Web et quelles seront ces catégories.
Cependant, si vous exécutez un site riche en contenu, la modification de la mise en page d’une page d’archive de catégorie peut avoir un impact considérable sur la façon dont les utilisateurs interagissent avec le contenu de cette page.
Par exemple, si vous gérez un site d’actualités ou de magazine, vous pouvez afficher des annonces locales dans la catégorie actualités locales. Vous pouvez afficher des informations météorologiques, afficher les histoires les plus populaires dans cette catégorie, etc.
Cela dit, voyons comment styliser facilement des catégories individuelles différemment dans WordPress.
Styliser les catégories individuelles différemment dans WordPress
Il existe plusieurs façons de styliser les catégories dans WordPress. Nous vous montrerons deux méthodes différentes pour styliser les catégories, et vous pourrez choisir celle qui convient le mieux à vos besoins et à votre niveau de compétence.
Utilisation d’un modèle de catégorie unique dans le thème WordPress
Les thèmes WordPress suivent une hiérarchie de modèles standard. Selon un nom de fichier de modèle, WordPress peut automatiquement choisir le bon modèle pour afficher une page.
Par exemple, il recherche le fichier category.php pour afficher les pages d’archives de catégories.
WordPress vous permet également de créer des modèles pour des catégories individuelles. Supposons que vous souhaitiez styliser la catégorie « Apple » différemment. Vous pouvez le faire en ajoutant un nouveau fichier modèle à votre thème et en le nommant category-apple.php.
Connectez-vous à votre site WordPress à l’aide d’un client FTP, puis accédez au dossier /wp-content/themes/your-current-theme/ et créez un nouveau fichier category-apple.php. N’oubliez pas de remplacer apple par votre propre nom de catégorie.
Vous pouvez utiliser le fichier category.php de votre thème comme point de départ. Modifiez et copiez simplement tout son contenu. Modifiez maintenant votre fichier category-apple.php nouvellement créé et collez le code à l’intérieur.
Après cela, vous pouvez commencer à apporter des modifications à votre modèle de catégorie individuel. Vous pouvez créer et utiliser une barre latérale différente pour cette catégorie, en faire une page pleine largeur, ajouter un message de bienvenue ou tout ce que vous voulez.
Style de catégories individuelles dans WordPress à l’aide de CSS
WordPress ajoute automatiquement des classes CSS à différents éléments de votre site Web. Ceux-ci incluent à la fois la classe de corps et la classe de poste.
Par exemple, si vous affichez une page d’archive de catégorie, puis utilisez l’outil d’inspection, vous remarquerez les classes CSS de catégorie et de nom de catégorie dans la balise body.
Vous pouvez utiliser cette classe CSS pour styliser chaque catégorie individuelle différemment en ajoutant du CSS personnalisé.
Voici quelques exemples de CSS que vous pouvez utiliser comme point de départ.
body.category-apple { background-color:#EEE; background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed; color:#FFFFFF; } .category-apple .site { background:#232323; } .category-apple a { color:#CCCCCC; }
N’oubliez pas de changer le nom de la catégorie dans la classe CSS avec votre propre nom de catégorie.
Nous espérons que cet article vous a aidé à apprendre à styliser les catégories différemment dans WordPress. Vous pouvez également consulter notre liste des hacks et plugins de catégorie les plus recherchés pour WordPress.