Comment ajouter des vignettes à des catégories et des balises WordPress

Parfois, un site WordPress aura l'air beaucoup plus agréable si nous pouvions afficher une image à côté de catégories ou de balises. Par exemple, nous pouvons ajouter une image à propos de CSS dans le “CSS” catégorie ou le logo HTML5 dans le “HTML” catégorie (comme ci-dessous).

De retour dans la version 2.9, WordPress a ajouté la possibilité de ajouter une image miniature (renommé plus tard L'image sélectionnée) pour post, page ainsi que type de post personnalisé. Cette fonctionnalité Miniature d'image ne couvre pas la taxonomie par catégorie, par balise ou personnalisée, même pour les versions ultérieures (à l'exception peut-être de la taxonomie personnalisée, éventuellement dans WordPress 4.4.)

Grâce à cette astuce WordPress et au plugin Taxonomy Thumbnail, nous pouvons le faire pour nos catégories et tags d’affichage. Voyons comment cela peut être fait avec quelques lignes de code.

Commencer

Pour commencer, déployez ce plugin sur votre site WordPress. Vous pouvez installer le plugin soit via Plugins> Ajouter un nouveau ou par FTP. Une fois le plugin activé, allez à Poste> Catégories. Maintenant, vous devriez pouvoir trouver le bouton “Définir une vignette“.

Cliquez sur ce bouton pour afficher le Gestionnaire de médias WordPress. Ici, vous pouvez sélectionner l’image que vous avez précédemment téléchargée en tant qu’image de catégorie ou télécharger votre image, la personnaliser et enfin la sélectionner comme vignette d’image de la catégorie (ou de la balise)..

L'image sera affichée dans le Catégorie tableau, vous permettant de voir quelle catégorie a une catégorie d'image attachée.

Les balises de modèles

Ce plugin est livré avec des balises de modèles pratiques pour récupérer des images similaires aux balises de modèles Post Thumbnail. De cette façon, nous pouvons récupérer la vignette du terme facilement.

get_term_thumbnail_id ($ term_taxonomy_id): obtenir l'ID de vignette du terme taxonomie.
has_term_thumbnail ($ term_taxonomy_id): Pour vérifier si le terme taxonomie a une vignette ou non.
get_term_thumbnail ($ term_taxonomy_id, $ size = 'post-thumbnail', $ attr = ” ): Pour retrouver la vignette terme taxonomie.

Comme vous pouvez le voir ci-dessus, ces fonctions requièrent l'ID de taxonomie - la catégorie, la balise ou l'ID de taxonomie personnalisé - que vous pouvez récupérer à l'aide de la commande term_taxonomy_id une fonction. Le plugin est livré avec quelques fonctions supplémentaires telles que définir et supprimer la vignette, mais celles-ci sont suffisantes pour le moment..

Comment afficher des vignettes

Obtenir la liste des termes

Nous utilisons d'abord le get_terms () function pour obtenir des listes de termes de la taxonomie spécifiée - dans ce cas, nous obtiendrons les termes de la catégorie post.

  'name', 'order' => 'ASC', 'hide_empty' => true, 'exclude' => array (), 'exclude_tree' => array (), 'include' => array (), 'number' => ", 'fields' => 'all', 'slug' =>", 'parent' => ", 'hierarchical' => true, 'child_of' => 0, 'childless' => false, 'get '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>",' search '=> ",' cache_domain '=>' core ',) ; $ terms = get_terms ($ taxonomy, $ args); ?>

La sortie est un tableau contenant des informations sur chaque terme, y compris le term_id, prénom, limace, term_group, term_taxonomy_id, la description, etc. Maintenant, nous devons afficher le terme prénom dans les listes en utilisant le pour chaque boucle, comme suit.

 '. $ taxonomy. ':
'; écho ''; foreach ($ terms as $ term) echo $ term-> nom;  écho '
'; ?>

Le résultat ressemble à ceci:

Ici nous avons CSS, HTML, JavaScript, jQuery et PHP. Nous avons joint l’image respective (logo ou icône) pour chacun de ces éléments. termes. Maintenant, nous devons savoir comment les afficher.

Afficher les vignettes

Pour afficher la vignette de l'image, nous allons étendre la pour chaque boucle, comme de notre code précédent.

Nous ajoutons la balise template, get_term_thumbnail (), pour obtenir la vignette et nous ajoutons également un lien vers la page d'archive du terme.

 if (! empty ($ terms) &&! is_wp_error ($ terms)) echo ''; foreach ($ terms as $ term) echo ''. $ term-> name. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'category-thumb', $ attr ="). '
';  écho '
';

Et le résultat (après l'ajout du CSS) est comme indiqué ci-dessous:

Le plugin a des options pour choisir de récupérer tous les termes ou uniquement les termes avec des vignettes. Pour ce faire, utilisez le paramètre ci-dessous sur le get_terms () une fonction:

 $ taxonomy = 'category'; $ args = array ('with_thumbnail' => true, // true = extraire les termes qui ont une vignette, false = extraire tous les termes); $ terms = get_terms ($ taxonomy, $ args);

Appliquer à une autre taxonomie

Comme mentionné, vous pouvez appliquer ce plugin non seulement à des catégories, mais également à d’autres taxonomies telles que la Mots clés, Catégorie de lien, et Taxonomie personnalisée. Ce plugin est utile pour activer la miniature d’image sur n’importe quelle taxonomie, comme dans Post and Page..