Comment créer un site Web ou un blog en 2020 - Guide gratuit et facile pour créer un site Web

Comment configurer une image vedette alternative basée sur la catégorie de publication dans WordPress

Récemment, l’un de nos utilisateurs nous a demandé comment définir une miniature de publication de réservation par défaut pour des catégories spécifiques dans WordPress. Dans notre didacticiel précédent, nous avons montré comment définir une image de sauvegarde par défaut pour le didacticiel de miniature de publication WordPress. Dans cet article, nous vous montrerons comment définir l’image de sauvegarde par défaut pour des catégories spécifiques dans WordPress.

Afficher les images de catégorie dans WordPress lorsqu'aucune vignette de message n'est trouvée

Remarque: Il s’agit d’un didacticiel de niveau intermédiaire qui vous demandera de connaître HTML, CSS et les bases de la structure des thèmes WordPress.

Scénario:

Supposons que vous ayez un blog dans lequel vous attribuez une seule catégorie à chacun de vos messages (voir notre guide sur les catégories par rapport aux tags). Vous pouvez afficher une autre image en fonction de la catégorie à laquelle une publication est affectée.

Cela est particulièrement utile lorsque vous êtes souvent confronté à une situation où aucune image sélectionnée n’est disponible pour un message. Votre image de marque peut ne pas correspondre au sujet de la publication, mais si vous utilisez une image spécifique à une catégorie, elle sera toujours pertinente.

Configurer des images de catégorie dans WordPress sans plugin

Auparavant, sur WPBeginner, nous vous avons montré comment configurer des images de catégorie dans WordPress. Cependant, pour ce didacticiel, vous devez configurer manuellement les images de catégorie sans plug-in. Consultez notre tutoriel sur la feuille de triche à thème et le 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 le slug de catégorie comme nom de fichier image et enregistrez-les 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. Par exemple, vous pouvez avoir des vignettes de petits articles sur des pages d’archives et des images plus grandes sur des articles individuels. Nous laisserons 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 Médias »Ajouter un nouveau. Pendant le téléchargement, WordPress stockera les images de votre catégorie et créera des tailles définies par votre thème et celles ci-dessous Paramètres »Média écran.

Après avoir téléchargé des images de catégorie, vous devez les déplacer vers un répertoire différent. Connectez-vous à votre site Web à l’aide d’un client FTP comme Filezilla et accédez au dossier / wp-content / uploads /. 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 catégorie-images. Téléchargez maintenant toutes les images de votre catégorie et toutes les tailles que WordPress a créées pour elles dans ce nouveau dossier sur votre bureau. Une fois le téléchargement terminé, vous devez télécharger le dossier d’images de catégorie 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é qui est facile d’appeler votre thème.

Afficher les images de catégorie dans les modèles WordPress

Avant de continuer à configurer ces images comme images de sauvegarde 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.








/ wp-content / uploads / category-images / slug?> - 50x50.jpg "alt =" nom; ?> "/>

C’est ainsi que cela est apparu sur la page d’archives des catégories de notre site de démonstration.

Afficher une image d'icône de catégorie sur la page de catégorie

Afficher l’image de la catégorie comme image de réservation par défaut

Nous allons maintenant vous montrer comment afficher une image de catégorie comme image vedette de sauvegarde ou miniature de publication par défaut lorsqu’une publication n’a pas sa propre image sélectionnée.

Remarque: Effectuez une sauvegarde de vos fichiers de thème avant d’apporter des modifications.

À l’intérieur de votre boucle, où votre sujet affiche le post ou la vignette du post, remplacez-le par ce code:


">

">/ wp-content / uploads / category-images /category_nicename; ?> - 150x150.jpg "alt =""/>

Ce code recherche une miniature de publication. S’il en trouve un, il affiche la miniature du message. Sinon, recherchez la catégorie à laquelle appartient une publication, puis affichez 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 l’article dans notre rubrique de démonstration. Votre sujet peut utiliser une taille différente pour les miniatures de publication, vous devez donc utiliser cette taille à la place.

Veuillez noter que votre sujet peut déjà avoir une ligne et les lignes suivantes montrant la miniature du message. Vous pouvez sauter ces lignes si votre thème les a déjà.

Voilà, nous espérons que cet article vous aidera à ajouter une image de sauvegarde en fonction de la catégorie de publication. Pour les commentaires et questions, veuillez laisser un commentaire ci-dessous.