Notice: wp_add_privacy_policy_content est appelée de la mauvaise manière. The suggested privacy policy content should be added only in wp-admin by using the admin_init (or later) action. Veuillez lire Débogage dans WordPress (en) pour plus d’informations. (Ce message a été ajouté à la version 4.9.7.) in /home/xavierbs/www/_blog/wp-includes/functions.php on line 4161
Ajouter des couleurs au tagCloud wordPress - Murviel Info

Ajouter des couleurs au tagCloud wordPress

Notez que cet article a été écrit pour la première fois il y a plus de 3 ans, mais n'est pas nécessairement obsolète.

Le nuage de tags (étiquettes) de wordPress, en widget, propose des mots-clés de tailles différentes selon leurs importances. Afin de modifier l’aspect et y apporter des couleurs, on ajoute une classe au hasard aux mots-clés.

Ajouter des couleurs au nuages d'étiquettes
Ajouter des couleurs au nuages d’étiquettes

Il faut ajouter au fichier fonctions.php de votre thème:

Les mots-clés ont une classe de la forme: tag-link-XX. On ajoute donc à cette classe, une classe de la forme xbs_tag_color_N, N variant de 1 à 6 au hasard (vous pouvez ajouter autant de couleurs que vous désirez).

On complète le fichier styles.css du thème par les couleurs choisies, par ex:

le mot-clé !important est « important », et précise d’écraser le choix de couleur précédemment choisi.

Afin de rendre le nuage plus concis, on peut ajouter:

Si l’on veut changer certains arguments passés à la fonction wp_tag_cloud() qui génère le nuages de tags, on utilise le hook widget_tag_cloud_args. Par exemple, pour afficher les étiquettes dans un ordre aléatoire (par défaut l’ordre est alphabétique) :

Ordre aléatoire des tags
Ordre aléatoire des tags

 

Et voilà, le tagCloud a son nouveau look. A vous de l’adapter.

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *