Comment changer la taille des mots clefs du widget WordPress

Vous souhaitez modifier la taille des mots clefs dans votre widget mots clefs sur WordPress, je vous livre une astuce que j’ai trouvé sur la toile il y a longtemps.

Comment modifier la taille du wigdet Nuage de Mots Clefs dans votre fichier functions.php

Tout d’abord dans votre fichier functions.php de votre thème WordPress il vous suffit d’insérer le code suivant :

// modifier taille polices widget tag mot clefs
function class_tag_cloud($tags) {
    $tags = preg_replace_callback("|(class='tag-link-[0-9]+)'(.*?)(style='font-size: )([0-9]+)(.*?)(pt;')|",
            create_function(
                '$match',
                '$size=$match[4]-7; return "class=\"tags_{$size}\"{$match[2]}";'
            ),
            $tags);
    return $tags;
}

add_action('wp_tag_cloud', 'class_tag_cloud');

Cela va ajouter l’attribut class="tags_xx" avec xx variant de 1 à 15 dans le source de votre page, comme dans cet exemple.

taille mot clef wordpress Comment changer la taille des mots clefs du widget Wordpress

Il suffit ensuite de modifier votre feuille de style comme ceci et le tour est joué

Comment adapter votre feuille de style

/* taille mots clefs */
.tags_1  {font-size:10px;}
.tags_2  {font-size:11px;}
.tags_3  {font-size:12px;}
.tags_4  {font-size:13px;}
.tags_5  {font-size:14px;}
.tags_6  {font-size:15px;}
.tags_7  {font-size:16px;}
.tags_8  {font-size:16px;}
.tags_9  {font-size:17px;}
.tags_10 {font-size:18px;}
.tags_11 {font-size:19px;}
.tags_12 {font-size:20px;}
.tags_13 {font-size:21px;}
.tags_14 {font-size:22px;}
.tags_15 {font-size:22px;}

Vous pouvez bien sur si vous utilisez des tailles de police en em l’adapter, ca fonctionne aussi.

NB.Comme je l’ai dit au début de ce billet, je ne retrouves plus la source de cette information, si je la retrouve je mettrais évidemment un lien.

dans Wordpress  le   par  Renaud
Modifié le 

Qu'en pensez vous ?

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

  Modération subjective.