Comment ajouter un en-tête, un pied de page ou une barre latérale personnalisé pour chaque catégorie
Souhaitez-vous afficher un en-tête, un pied de page ou une barre latérale différent pour chaque catégorie de votre site WordPress ?
Vous voyez généralement les mêmes en-tête, pied de page et barre latérale affichés sur tout votre site. Cependant, vous souhaiterez peut-être parfois afficher des informations, des couleurs ou des widgets différents sur certaines catégories.
Dans cet article, nous allons vous montrer comment ajouter facilement un en-tête, un pied de page ou une barre latérale personnalisé pour chaque catégorie dans WordPress.
Pourquoi ajouter un en-tête, un pied de page ou une barre latérale personnalisé pour chaque catégorie ?
Lorsque vous configurez votre site Web WordPress, vous avez probablement personnalisé l'en-tête, le pied de page et la barre latérale afin que vos visiteurs puissent en savoir plus sur vous et votre site Web et trouver le contenu qui les intéresse rapidement et facilement.
Pour la plupart des thèmes, votre en-tête, votre pied de page et votre barre latérale se ressemblent sur tous vos articles, pages, catégories et pages d'archives. Leur emplacement et leur apparence dépendent du thème.
Mais il peut arriver que vous souhaitiez afficher un en-tête, un pied de page ou une barre latérale différent sur votre site. Par exemple, vous souhaiterez peut-être afficher une barre latérale différente pour chaque article et page dans WordPress.
Ou vous souhaiterez peut-être modifier l'apparence de votre site Web pour certaines catégories en affichant un en-tête, un pied de page ou une barre latérale personnalisé. Par exemple, vous pouvez afficher les publications récentes de cette catégorie spécifique dans une barre latérale personnalisée.
Cela étant dit, voyons comment ajouter facilement un en-tête, un pied de page ou une barre latérale personnalisé pour chaque catégorie dans WordPress. Nous aborderons trois méthodes :
Méthode 1 : ajout de barres latérales personnalisées pour chaque catégorie à l'aide d'un plugin
Méthode 2 : ajout d'un en-tête ou d'un pied de page personnalisé pour chaque catégorie à l'aide d'un générateur de thème
Méthode 3 : ajout d'un en-tête, d'un pied de page ou d'une barre latérale personnalisés pour chaque catégorie à l'aide du code
Méthode 1 : ajout de barres latérales personnalisées pour chaque catégorie à l'aide d'un plugin
Cette méthode est la meilleure si vous êtes déjà satisfait du design de votre site Web et que vous souhaitez uniquement modifier les barres latérales et rien d’autre.
La première chose que vous devez faire est d’installer et d’activer le plugin Easy Custom Sidebars. Pour plus de détails, consultez notre guide étape par étape sur la façon d'installer un plugin WordPress.
Lors de l'activation, vous devez visiter la page Apparence » Remplacements de la barre latérale pour créer une barre latérale personnalisée.
Tout d’abord, vous devez saisir un nom pour la barre latérale. Pour ce didacticiel, nous l'appellerons « Blogging » car nous souhaitons l'afficher pour la catégorie Blogging.
Après cela, vous devez sélectionner quelle barre latérale sera remplacée par votre barre latérale personnalisée.
Ensuite, vous devrez sélectionner le moment où la barre latérale personnalisée sera affichée. Vous verrez vos publications, pages, catégories et balises répertoriées dans la colonne de gauche de l’écran.
Vous devez cliquer sur la flèche à côté de Catégories, puis cocher la case de la catégorie Blogs. Après cela, vous devez cliquer sur le bouton « Ajouter à la barre latérale ».
Vous remarquerez que la catégorie Blogging apparaît désormais dans la section Remplacements de la barre latérale, et la barre latérale sera désormais affichée avec cette catégorie. Si vous le souhaitez, vous pouvez ajouter plusieurs catégories et la barre latérale sera ajoutée à chacune d'elles.
Vous devez maintenant cliquer sur le bouton « Créer une barre latérale » pour créer votre première barre latérale personnalisée.
Votre prochain travail consistera à ajouter des widgets à la barre latérale. Vous pouvez apprendre comment en suivant notre guide pour savoir comment ajouter des widgets à la barre latérale.
Easy Custom Sidebar vous permet de créer autant de barres latérales personnalisées que vous le souhaitez et d'attribuer chaque barre latérale à différentes catégories sur votre site WordPress.
Méthode 2 : ajout d'un en-tête ou d'un pied de page personnalisé pour chaque catégorie à l'aide d'un générateur de thème
Cette méthode est la meilleure si vous souhaitez avoir un contrôle total sur vos barres latérales, en-têtes et pieds de page sur chaque page afin de donner à votre site Web un design unique.
Pour ce faire, nous vous recommandons d'utiliser SeedProd.
SeedProd est le meilleur plugin de création de thème WordPress qui vous permet de créer facilement un thème WordPress personnalisé sans écrire de code. Cela inclut la création d’en-têtes, de pieds de page et de tout ce qui est nécessaire pour un thème WordPress attrayant.
Vous pouvez apprendre à créer rapidement un thème WordPress en suivant notre guide sur la façon de créer facilement un thème WordPress personnalisé sans aucun code.
Une fois que vous avez fait cela, SeedProd simplifie la création d'en-têtes et de pieds de page personnalisés et la configuration de règles afin qu'ils ne soient affichés que dans certaines circonstances, par exemple lorsque vous consultez une catégorie spécifique.
Pour commencer, nous allons créer un pied de page personnalisé. Vous pouvez créer un nouveau pied de page en cliquant sur le bouton orange « Ajouter un nouveau modèle de thème » en haut de la page. Cela fera apparaître un écran où vous pourrez créer un nouveau modèle de thème, tel qu'un pied de page.
Vous devriez commencer par donner un nom au modèle. Pour ce didacticiel, nous l’appellerons « Pied de page - Blogging ». Après cela, vous devez sélectionner « Pied de page » dans le menu déroulant Type, puis sélectionner une priorité, qui détermine quel pied de page est affiché si plusieurs pieds de page correspondent à la page actuelle.
Le pied de page avec la plus grande priorité sera affiché. Puisque le pied de page par défaut a une priorité de 0, nous donnerons à ce pied de page une priorité de 1 pour nous assurer qu'il est affiché sur les pages correspondantes.
Après cela, vous devrez définir les conditions dans lesquelles le pied de page sera visible. Dans notre cas, nous souhaitons qu'il soit affiché avec la catégorie Blogging.
Pour ce faire, vous devez vous assurer que le premier paramètre Conditions est « Inclure », puis sélectionner « A une catégorie » dans la liste déroulante du milieu. Enfin, vous devez taper « blogging » dans le dernier champ, puis cliquer sur le bouton « Enregistrer » pour stocker vos paramètres.
Il existe une autre façon de créer un pied de page personnalisé. Au lieu d'en créer un à partir de zéro, vous pouvez simplement dupliquer le pied de page original en cliquant sur son lien « Dupliquer ». Nous ferons cela pour ce tutoriel.
Cela créera une copie exacte du pied de page actuel que vous pourrez personnaliser. Ensuite, vous devrez cliquer sur le lien « Modifier les conditions » sous le nouvel élément, puis choisir un nom et des conditions comme lors de la création d'un nouveau modèle ci-dessus.
Il est maintenant temps de personnaliser le nouveau pied de page. Cliquez simplement sur son nom et il sera ouvert dans l’éditeur glisser-déposer de SeedProd.
SeedProd facilite l'ajout de nouveaux blocs à votre pied de page. Vous pouvez également cliquer sur un bloc existant pour modifier sa couleur, son texte et d'autres options.
Pour ce tutoriel, nous allons simplement changer la couleur d’arrière-plan en vert.
Une fois que vous êtes satisfait de votre pied de page personnalisé, assurez-vous de cliquer sur la flèche vers le bas à côté de « Enregistrer », puis de cliquer sur « Publier ». Cela stockera vos modifications et affichera le pied de page en direct.
Félicitations, votre nouveau pied de page s'affichera lors de la visualisation de la page d'archives de la catégorie Blogging, ainsi que lors de la visualisation des articles de la catégorie Blogging.
Voici à quoi cela ressemble lorsque vous consultez un article dans la catégorie Blogs.
Maintenant que vous avez créé un pied de page personnalisé, vous pouvez répéter les étapes pour créer un en-tête personnalisé qui ne s'affiche que pour des catégories spécifiques.
Méthode 3 : ajout d'un en-tête, d'un pied de page ou d'une barre latérale personnalisés pour chaque catégorie à l'aide du code
Si vous êtes familier avec le code, vous pouvez utiliser cette méthode pour afficher un en-tête, un pied de page ou une barre latérale personnalisé sur certaines pages d'archives de catégories et les publications appartenant à une catégorie particulière.
Pour ce faire, vous devrez ajouter des extraits de code à vos fichiers de thème. Si vous ne l’avez jamais fait auparavant, consultez notre guide sur la façon de copier et coller du code dans WordPress.
Vous aimerez peut-être également consulter nos articles sur la façon d’ajouter du code personnalisé aux en-têtes et aux pieds de page, ainsi que quatre façons de modifier le pied de page dans WordPress.
Ajout d'un en-tête personnalisé pour chaque catégorie à l'aide du code
Pour ajouter un en-tête personnalisé aux articles d'une certaine catégorie, telle que « Blogging », vous devrez ouvrir le fichier single.php de votre thème et remplacer le code d'en-tête normal par celui-ci :
<?php if (in_category('Blogging')) {
get_header('blogging');
} else {
get_header();
} ?>
Ce code indique à WordPress que si quelqu'un consulte une publication dans la catégorie « Blogging », il doit alors afficher un fichier appelé header-blogging.php s'il existe. S’il n’existe pas ou si la publication n’est pas dans la catégorie « Blogs », WordPress affichera le fichier d’en-tête par défaut.
Assurez-vous de remplacer « Blogging » sur la ligne 1 par le nom de votre catégorie et « blogging » sur la ligne 2 par le nom de votre en-tête personnalisé.
Si vous souhaitez afficher le pied de page personnalisé sur plusieurs catégories, ou si vous avez plusieurs en-têtes personnalisés, vous pouvez utiliser quelque chose comme ceci :
<?php if (in_category(array('Blogging', 'Photography'))) {
get_header('blogging');
} elseif (in_category('News'))) {
get_header('news');
} else {
get_header();
} ?>
Cela affichera l'en-tête personnalisé header-blogging.php sur les publications dans les catégories « Blogging » ou « Photographie ». Il affichera également l'en-tête header-news.php pour tous les articles de la catégorie « Actualités ». Pour tous les autres articles, il affichera l'en-tête header.php par défaut.
Jusqu'à présent, nous n'affichons qu'un en-tête personnalisé lors de l'affichage des publications dans certaines catégories. Vous souhaiterez peut-être également afficher l’en-tête personnalisé lorsque vous consultez la page d’archives des catégories.
Pour ce faire, vous devrez modifier le fichier category.php de votre thème. Si votre thème ne possède pas ce fichier, vous pouvez créer votre propre modèle de catégorie ou modifier le fichier archive.php ou index.php de votre thème à la place.
Vous devrez ouvrir le fichier et remplacer votre code d'en-tête normal par celui-ci. Notez que la première ligne est légèrement différente du code que nous avons utilisé ci-dessus.
<?php if (is_category('Blogging')) {
get_header('blogging');
} else {
get_header();
} ?>
Remarque : La fonction 'in_category()' vérifie si une publication appartient à une certaine catégorie. La fonction 'is_category()' vérifie si vous consultez une certaine archive de catégorie.
Ajout d'un pied de page personnalisé pour chaque catégorie à l'aide du code
L'affichage d'un pied de page personnalisé pour certaines catégories est similaire. Pour obtenir un pied de page distinct pour chaque catégorie, vous devez modifier le modèle single.php de votre thème et remplacer le code du pied de page par ce qui suit :
<?php if (in_category('Blogging')) {
get_footer('blogging');
} else {
get_footer();
} ?>
Assurez-vous de modifier le code pour utiliser le nom de votre catégorie et votre pied de page personnalisé.
Vous devez également modifier le fichier category.php de votre thème, en remplaçant le code du pied de page par cet extrait. Encore une fois, assurez-vous d'inclure les noms de la catégorie et le pied de page personnalisé que vous souhaitez utiliser.
<?php if (is_category('Blogging')) {
get_footer('blogging');
} else {
get_footer();
} ?>
Vous devez vous référer à « Ajout d'un en-tête personnalisé pour chaque catégorie à l'aide du code » ci-dessus si vous avez besoin de plus de détails.
Ajout d'une barre latérale personnalisée pour chaque catégorie à l'aide du code
Vous pouvez également utiliser la même méthode pour afficher une barre latérale personnalisée pour certaines catégories. Vous devez modifier le modèle single.php de votre thème, puis remplacer le code de la barre latérale par ceci :
<?php if (in_category('Blogging')) {
get_sidebar('blogging');
} else {
get_sidebar();
} ?>
Vous devrez modifier l'extrait de code avec les noms de la catégorie et la barre latérale personnalisée que vous souhaitez utiliser.
Vous devrez également modifier le modèle category.php de votre thème, en remplaçant son code de barre latérale par ce qui suit :
<?php if (is_category('Blogging')) {
get_sidebar('blogging');
} else {
get_sidebar();
} ?>
Si vous avez besoin de plus de détails, jetez un œil à « Ajout d'un en-tête personnalisé pour chaque catégorie à l'aide du code » ci-dessus.
Nous espérons que ce didacticiel vous a aidé à apprendre à ajouter facilement un en-tête, un pied de page ou une barre latérale personnalisé pour chaque catégorie dans WordPress. Vous voudrez peut-être également apprendre à gagner de l’argent en bloguant en ligne avec WordPress, ou consulter notre liste d’erreurs WordPress courantes et comment les corriger.
Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.