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.

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.