De nombreuses personnes utilisent le widget de nuage de balises dans WordPress pour afficher leurs balises de publication sur leur barre latérale widgetisée, mais vous pouvez également ajouter manuellement un nuage de balises à votre thème, ce qui est parfait pour créer un modèle de page de nuage de balises personnalisé ou pour les ajouter à votre thème. dans des zones que vous ne voulez pas nécessairement widgetisées.

Cet extrait de code quotidien vous montrera comment afficher un nuage de balises personnalisé n’importe où sur votre site via vos fichiers de thème et leur donner un style propre et moderne.

Comment afficher un tag cloud manuellement

Pour afficher votre nuage de tags, il vous suffit d’insérer le “wp_tag_cloud ()»Où vous souhaitez afficher vos balises et appliquer vos paramètres. Vous trouverez ci-dessous un exemple rapide de balise comprenant certains des nombreux paramètres – en savoir plus sur WordPress.org Référence du nuage de tags.

<?php wp_tag_cloud( array(
   'smallest' => 8, // size of least used tag
   'largest'  => 22, // size of most used tag
   'unit'     => 'px', // unit for sizing the tags
   'number'   => 45, // displays at most 45 tags
   'orderby'  => 'name', // order tags alphabetically
   'order'    => 'ASC', // order tags by ascending order
   'taxonomy' => 'post_tag' // you can even make tags for custom taxonomies
) ); ?>

Personnalisez votre nuage de tags

Vous pouvez facilement styliser vos balises avec CSS pour les rendre plus belles qu’une simple liste de liens. Vous trouverez ci-dessous quelques CSS si vous souhaitez personnaliser les balises pour qu’elles ressemblent à celles de mon thème premium MyWorks Portfolio. Notez que cela changera également l’apparence de vos widgets de la barre latérale puisque je stylise directement la classe div “tagcloud”, ajoutez simplement un DIV contenant afin de les styliser différemment.

Le regard:


Le code:

.tagcloud a{
    display:block;
    float:left;
    padding:4px 10px;
    margin-right:7px;
    margin-bottom:7px;
    background:#EEE;
    color:#666;
    font-size:11px;
    font-weight:bold;
    text-transform:lowercase;
    text-shadow:1px 1px 1px #FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border:1px solid #CCC;
    text-decoration:none;
}
.tagcloud a:hover{
    background:#F3F3F3;
    color:#000;
    text-decoration:none;
}

Comment afficher un nuage de tags avec un plugin

Plug-in de nuage de tags personnalisé

Vous pouvez également ajouter vos balises à n’importe quel article ou page avec le Plug-in de nuage de tags personnalisé. Installez simplement ce plugin pour pouvoir ajouter des nuages ​​de tags personnalisés à vos widgets, publications et pages à l’aide d’un shortcode. Le plugin comprend des options pour afficher les articles, les catégories et les balises de catégorie de lien. De plus, vous pouvez définir le nombre affiché, ajouter un séparateur de balises personnalisé et choisir un mode cloud. Et si vous voulez plus de fonctionnalités (comme la taille, la mise en page et l’ordre), il existe également une version premium du plugin.

Share: