Petit conseil Utiliser la fonction WordPress wp_tag_cloud () dans le bon sens

Nous savons tous que les balises sont un élément essentiel des taxonomies WordPress, qui permettent de regrouper des éléments. Les balises sont créées à la volée lors de la création de publications et nous aident à localiser des publications similaires liées par des balises particulières. Généralement, dans un blog WordPress, différentes balises sont regroupées dans un nuage de balises et la taille de chaque balise détermine la fréquence de ses affectations aux publications. Nous examinerons ici l’utilisation correcte de la wp_tag_cloud () fonction, qui est responsable de tous ces nuages de tags.

introduction

Il s'agit de la fonction intégrée principale permettant d'afficher les tags associés à vos publications récentes, dans le nuage de tags..

  8, 'plus grand' => 22, 'unité' => 'pt', 'nombre' => 45, 'format' => 'plat', 'séparateur' => "\ n", 'orderby' => ' name ',' order '=>' ASC ',' exclude '=> null,' include '=> null,' topic_count_text_callback '=> default_topic_count_text,' link '=>' view ',' taxonomy '=>' post_tag ' , 'echo' => true); ?>

Le codex WordPress wp_tag_cloud () Cette page contient une explication claire de tous les paramètres de cette fonction, mais abordons tout de même rapidement les plus importants..

'plus petit' - Ce paramètre est de type entier et spécifie la taille de texte minimale de la balise dans le nuage.
'le plus grand' - Ce paramètre est de type entier et spécifie la taille maximale du texte de la balise dans le nuage.
'nombre' - Ce paramètre spécifie le nombre total de tags à afficher dans le cloud. Vous pouvez le spécifier comme "0" si vous voulez que tous soient affichés
'format' - Ce paramètre spécifie le format de l'affichage en nuage. Cela peut être n'importe lequel de 'appartement','liste', ou 'tableau'
'séparateur' - Ce paramètre spécifie le séparateur dans les balises du nuage.
'topic_count_text_callback' - Ce paramètre indique le nombre de publications associées à chaque balise via une info-bulle.
'taxonomie' - Ce paramètre spécifie le type de taxonomie WordPress pouvant être utilisé dans le nuage de tags. Ici le défaut est le 'post_tags'mais vous pouvez aussi utiliser une taxonomie personnalisée

Ces paramètres jouent un rôle clé dans la personnalisation du nuage de tags..

Usage

WordPress a un widget Tag Cloud par défaut qui peut être placé dans la zone appropriée de la page. Mais sans utiliser un widget, vous pouvez utiliser le wp_tag_cloud () fonction pour afficher et personnaliser le nuage de tags dans votre blog. Vous pouvez spécifier les paramètres de plusieurs façons..

Paramètres séparés par '&' dans une simple chaîne en ligne.

Spécification de paramètre au format tableau.

  '10', 'plus grand' => '50', 'unité' => 'px', 'nombre' => '45', 'séparateur' => '::', 'orderby' => 'compte', 'ordre' => 'RAND')); ?>

Spécifiant uniquement les paramètres sélectionnés, les autres sont conservés par défaut.

Renvoie le nuage de tags sous forme de tableau sans l'afficher dans le blog. Ce résultat peut être utilisé plus tard dans le code PHP.

Exemples pratiques

Exemple 1 Afficher le nuage de tags dans la barre latérale ou le pied de page de votre thème

Créer une fonction dans votre functions.php déposer et retourner le wp_tag_cloud () une fonction. Une fois définie, vous pouvez appeler la fonction n’importe où dans votre blog..

 function my_cloud ($ echo = false) if (function_exists ('wp_tag_cloud')) return wp_tag_cloud ();

Maintenant, ouvrons notre sidebar.php et appelez la fonction pour afficher le nuage de tags.

  Tags populaires'; mon_cloud (); ?>

Ajoutons un peu de style CSS dans notre style.css fichier pour rendre le nuage de tags plus professionnel.

 .mycloud a background: # FFC414; couleur: # 0000FF; affichage: inline-block; marge: 0 4px 8px 0; rembourrage: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; taille de police: 10px;  .mycloud h3 font-style: italic; poids de police: gras; taille de police: 30px; couleur: # FF00FF; famille de polices: Comic Sans;

Maintenant ça ressemble à ça:

De même en utilisant le même dans le footer.php de notre thème.

Vous pouvez le rendre plus beau en ajoutant vos styles CSS personnalisés.

En ajoutant différents paramètres dans le wp_tag_cloud () fonctionner dans le functions.php fichier, nous pouvons personnaliser notre nuage de tags. Par exemple, si vous souhaitez inclure à la fois vos balises et vos catégories dans le nuage de balises ou plutôt dans le nuage de taxonomie, la fonction peut être écrite ainsi:

 wp_tag_cloud (array ('taxonomy' => array ('post_tag', 'category')));

Exemple 2 Créer une page de nuage de tags pour votre blog

Parfois, vous n'aimez pas garder le nuage de tags dans votre barre latérale ou votre pied de page et créer une page distincte pour que votre blog reste propre. Vous pouvez le faire en utilisant la méthode suivante.

Dans un premier temps, créez un modèle de page personnalisé dans votre dossier de thème avec le wp_tag_cloud () une fonction. Ici nous avons nommé le fichier tagcloud.php.

Maintenant, connectez-vous à votre administrateur WordPress et allez à Pages -> Ajouter un nouveau. Mettez un bon titre pour la page puis sous le Attributs de page section choisir la Modèle en tant que Tag Cloud, puis cliquez sur Mettre à jour. C'est tout; votre page de nuage de mots-clés est prête. Vous pouvez styliser la page avec vos propres styles CSS.

Exemple 3: Créer une boîte de défilement en nuage de tags pour votre barre latérale

Parfois, nous souhaitons que nos utilisateurs sélectionnent les tags dans une liste déroulante de notre barre latérale. Pour ce faire, nous devons créer une fonction dans notre functions.php fichier.

 function cloudbox () if (function_exists ('wp_tag_cloud')) $ tags = wp_tag_cloud (array ('plus petit' => 10, 'plus grand' => 10, 'orderby' => 'nom', 'order' => 'ASC', 'format' => 'tableau')); foreach ($ tags as $ tag) echo $ tag. '
';

Dans la fonction ci-dessus, nous avons considéré le format de tableau du wp_tag_cloud () fonction, ainsi que que la taille de la police a été maintenue et la liste a été ordonnée par nom dans l'ordre croissant.

Maintenant, ouvrez votre sidebar.php et appeler cette fonction.

 Veuillez sélectionner le tag

Laissez-nous le style avec du CSS.

 #cloud background: #FFFFCC; hauteur: 200px; largeur: 200px; marge: 0 auto; débordement: scroll; bordure: solide 4px # 000000; rembourrage: 2px; text-align: justifier;  #cloud a background: # 400000; couleur: # FFFF00; affichage: inline-block; marge: 0 4px 8px 0; rembourrage: 2px 10px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; taille de police: 15px;  #text font-style: italic; poids de police: gras; taille de police: 20px; couleur: # FF9900; famille de polices: Comic Sans;

Enfin ça ressemble à:

Merci de votre lecture et n'hésitez pas à suggérer quelques utilisations supplémentaires de ce très utile wp_tag_cloud () une fonction.

Code