Comment définir une image sélectionnée de secours en fonction de la catégorie de publication dans WordPress

Récemment, un de nos utilisateurs nous a demandé comment définir une vignette de message de secours par défaut pour des catégories spécifiques dans WordPress. Dans notre précédent tutoriel, nous avons montré comment définir une image de secours par défaut pour le tutoriel sur les miniatures de post WordPress. Dans cet article, nous allons vous montrer comment définir l'image sélectionnée de secours par défaut pour des catégories spécifiques dans WordPress..

Remarque: il s'agit d'un didacticiel de niveau intermédiaire sur lequel vous devez connaître HTML, CSS et les bases de la structure de thème WordPress..

Scénario:

Supposons que vous avez un blog dans lequel vous attribuez une seule catégorie à chacune de vos publications (consultez notre guide sur les catégories et les balises). Vous pouvez afficher une image de secours en fonction de la catégorie à laquelle un article est affecté..

C'est particulièrement utile lorsque vous êtes souvent confronté à une situation où il n'y a pas d'image sélectionnée disponible pour un post. Votre image de marque ne correspond peut-être pas au thème de l'article, mais si vous utilisez une image spécifique à une catégorie, elle aura toujours l'air pertinente..

Définition des images de catégorie dans WordPress sans plugin

Auparavant sur WPBeginner, nous vous avions montré comment définir des images de catégorie dans WordPress. Cependant, pour ce tutoriel, vous devrez configurer des images de catégorie manuellement sans plug-in. Consultez notre didacticiel de feuilles de triche et notre guide du débutant pour coller des extraits dans WordPress..

La première chose à faire est de créer des images pour vos catégories. Utilisez la catégorie slug comme nom de fichier image et enregistrez-les tous dans le même format, par exemple. jpg ou png.

Maintenant, le problème est que votre thème WordPress peut utiliser différentes tailles d’image dans différents modèles. Comme par exemple, vous pouvez avoir de plus petites miniatures sur les pages d'archives et des images plus grandes sur les publications individuelles. Nous allons laisser WordPress gérer le redimensionnement des images. Pour ce faire, vous devez télécharger vos images de catégorie sur votre site WordPress à partir de Media »Ajouter un nouveau. Au cours du téléchargement, WordPress stockera les images de votre catégorie et créera les tailles définies par votre thème et par Paramètres »Médias écran.

Après avoir téléchargé des images de catégorie, vous devez les déplacer dans un autre répertoire. Connectez-vous à votre site Web à l'aide d'un client FTP tel que Filezilla et accédez à / wp-content / uploads / dossier. Les images de catégorie que vous avez téléchargées seront stockées dans le dossier du mois. Exemple: / uploads / 2013/12 /

Créez un dossier sur le bureau de votre ordinateur et nommez-le category-images. Téléchargez maintenant toutes les images de votre catégorie et toutes les tailles créées par WordPress dans ce nouveau dossier sur votre bureau. Une fois le téléchargement terminé, vous devez télécharger le dossier category-images dans votre répertoire / wp-content / uploads. Cela vous permettra d’avoir toutes les tailles d’image de votre catégorie dans un dossier séparé facile à appeler dans votre thème..

Affichage des images par catégorie dans les modèles WordPress

Avant de passer à définir ces images comme images de secours par défaut, examinons comment vous les afficheriez dans vos thèmes. Par exemple, vous pouvez afficher ces images en haut de vos pages de catégorie..

Voici comment il est apparu sur la page d'archives des catégories de notre site de démonstration.

Affichage de l'image de la catégorie comme image sélectionnée de secours par défaut

Nous allons maintenant vous montrer comment afficher une image de catégorie en tant qu'image sélectionnée de secours par défaut ou une vignette de publication lorsqu'un message ne possède pas sa propre image sélectionnée..

Remarque: S'il vous plaît sauvegarder vos fichiers de thème avant d'apporter des modifications.

Dans votre boucle, où votre thème affiche l'image sélectionnée ou la miniature de publication, remplacez-la par le code suivant:

Ce code recherche une vignette de publication. S'il en trouve un, il affiche ensuite la vignette de la publication. Sinon, il recherche la catégorie à laquelle un article appartient et affiche ensuite l'image de la catégorie. Nous avons ajouté -150 × 150 dans le nom du fichier image car il s'agit de la taille de la miniature de publication dans notre thème de démonstration. Votre thème utilise peut-être une taille différente pour les vignettes de publication. Vous devez donc utiliser cette taille à la place..

Veuillez noter que votre thème peut déjà avoir ligne et les quelques lignes suivantes qui affichent post miniature. Vous pouvez ignorer ces lignes si votre thème les a déjà.

C’est tout, nous espérons que cet article vous a aidé à ajouter une image sélectionnée de repli en fonction de la catégorie de publication. Pour les commentaires et les questions, s'il vous plaît laissez un commentaire ci-dessous.