Récemment, l’un de nos utilisateurs nous a demandé comment définir une vignette de publication de secours 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 secours par défaut pour le didacticiel des vignettes de publication WordPress. Dans cet article, nous allons vous montrer comment définir l’image vedette de secours par défaut pour des catégories spécifiques dans WordPress.
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:
Disons que vous avez un blog où vous attribuez une seule catégorie à chacun de vos articles (consultez notre guide sur les catégories vs les balises). Vous pouvez afficher une image de secours en fonction de la catégorie à laquelle une publication est attribuée.
Il est particulièrement utile lorsque vous êtes souvent confronté à une situation où aucune image vedette n’est disponible pour un article. Votre image de marque peut ne pas correspondre au thème de la publication, mais si vous utilisez une image spécifique à une catégorie, elle aura toujours l’air pertinente.
Définir des images de catégorie dans WordPress sans plugin
Auparavant sur Themelocal, nous vous avons montré comment définir des images de catégorie dans WordPress. Cependant, pour ce didacticiel, vous devrez configurer les images de catégorie manuellement sans plug-in. Consultez notre tutoriel Theme Cheat Sheet et notre guide du débutant pour coller des extraits dans WordPress.
La première chose que vous devez 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 des vignettes de publication plus petites sur les pages d’archives et des images vedettes plus grandes sur les publications individuelles. Nous laisserons WordPress gérer le redimensionnement des images. Pour ce faire, vous devez télécharger les images de votre catégorie sur votre site WordPress à partir de Média » Ajouter un nouveau. Pendant le téléchargement, WordPress stockera vos images de catégorie et créera des tailles définies par votre thème et ceux sous Paramètres » Médias filtrer.
Après avoir téléchargé des images de catégorie, vous devez les déplacer vers un autre répertoire. Connectez-vous à votre site Web à l’aide d’un client FTP comme 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 catégorie-images. Téléchargez maintenant toutes vos images de 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 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é qui est facile à appeler dans votre thème.
Affichage des images de catégorie dans les modèles WordPress
Avant de passer à la définition de ces images comme images de secours par défaut, voyons comment vous les afficheriez dans vos thèmes. Par exemple, vous pouvez afficher ces images en haut de vos pages de catégorie.
<?php if ( is_category() ) $thiscat = get_category(get_query_var('cat'),false); ?> <img class="category-thumb" src="<?php echo bloginfo('url'); ?>/wp-content/uploads/category-images/<?php echo $thiscat->slug ; ?>-50x50.jpg" alt="<?php echo $thiscat->name; ?>" />
C’est ainsi qu’il est apparu sur la page d’archives des catégories de notre site de démonstration.
Affichage de l’image de catégorie en tant qu’image vedette de secours par défaut
Nous allons maintenant vous montrer comment afficher une image de catégorie en tant qu’image vedette de secours par défaut ou miniature de publication lorsqu’une publication n’a pas sa propre image vedette.
Noter: Veuillez sauvegarder vos fichiers de thème avant d’apporter des modifications.
Dans votre boucle, là où votre thème affiche l’image en vedette ou la vignette de la publication, remplacez-la par ce code :
<?php if ( has_post_thumbnail() ) : ?> <div class="entry-thumbnail"> <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a> </div> <?php else : $category = get_the_category(); ?> <div class="entry-thumbnail"> <a href="<?php the_permalink(); ?>"><img src="<?php bloginfo('url'); ?>/wp-content/uploads/category-images/<?php echo $category[0]->category_nicename ; ?>-150x150.jpg" alt="<?php the_title(); ?>" /></a> </div> <?php endif; ?>
Ce code recherche une vignette de publication. S’il en trouve un, il affiche la vignette de la publication. Sinon, il recherche la catégorie à laquelle appartient une publication, puis affiche 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 vignette de publication dans notre thème de démonstration. Votre thème peut utiliser 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 <?php if ( has_post_thumbnail() ) : ?>
ligne et les quelques lignes suivantes qui affichent la vignette du message. Vous pouvez sauter ces lignes si votre thème les contient déjà.
C’est tout, nous espérons que cet article vous a aidé à ajouter une image de secours basée sur la catégorie de publication. Pour des commentaires et des questions, veuillez laisser un commentaire ci-dessous.