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 les zones que vous ne voulez pas nécessairement widgetisées.
Cet extrait de code quotidien vous montrera comment afficher un nuage de tags personnalisé n’importe où sur votre site via vos fichiers de thème et leur donner un style propre et moderne.
Comment afficher manuellement un nuage de tags
Pour afficher votre nuage de tags, il vous suffit d’insérer le « wp_tag_cloud()” partout où vous souhaitez afficher vos balises et appliquer vos paramètres. Vous trouverez ci-dessous un exemple rapide d’une balise comprenant certains des nombreux paramètres – voir 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
) ); ?>
Donnez du style à 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 styliser 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
Vous pouvez également ajouter vos tags à n’importe quel article ou page avec le plugin Custom Tag Cloud. 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 publications, 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 (telles que la taille, la mise en page et l’ordre), il existe également une version premium du plugin.