Afficher un nuage de tags - Astuces CSS

Anonim 
 8, // font size for the least used tag 'largest' => 22, // font size for the most used tag 'unit' => 'px', // font sizing choice (pt, em, px, etc) 'number' => 45, // maximum number of tags to show 'format' => 'flat', // flat, list, or array. flat = spaces between; list = in li tags; array = does not echo results, returns array 'orderby' => 'name', // name = alphabetical by name; count = by popularity 'order' => 'ASC', // starting from A, or starting from highest count 'exclude' => 12, // ID's of tags to exclude, displays all except these 'include' => 13, // ID's of tags to include, displays none except these 'link' => 'view', // view = links to tag view; edit = link to edit tag 'taxonomy' => 'post_tag', // post_tag, link_category, category - create tag clouds of any of these things 'echo' => true // set to false to return an array, not echo it ) ); ?>

Le dimensionnement par défaut, s'il n'y en a pas, pour cette fonction est «pt», ce qui est un peu inhabituel et souvent peu fiable, alors assurez-vous de modifier ce paramètre en fonction de la taille des polices normalement sur votre site.

Dimensionnement des polices moins étrange

Les nuages ​​de balises accomplissent leurs tailles de police variées en appliquant un style en ligne à chaque balise. Les tailles de police résultantes peuvent être vraiment bizarres, comme style = 'font-size: 29.3947354754px;'. Mike Summers propose cette solution:



    8, // font size for the least used tag 'largest' => 40, // font size for the most used tag 'unit' => 'px', // font sizing choice (pt, em, px, etc) 'number' => 200, // maximum number of tags to show 'format' => 'array', // flat, list, or array. flat = spaces between; list = in li tags; array = does not echo results, returns array 'separator' => '', // 'orderby' => 'name', // name = alphabetical by name; count = by popularity 'order' => 'RAND', // starting from A, or starting from highest count 'exclude' => '', // ID's of tags to exclude, displays all except these 'include' => '', // ID's of tags to include, displays none except these 'link' => 'view', // view = links to tag view; edit = link to edit tag 'taxonomy' => 'post_tag', // post_tag, link_category, category - create tag clouds of any of these things 'echo' => true // set to false to return an array, not echo it )); foreach ($arr as $value) ( $ptr1 = strpos($value,'font-size:'); $ptr2 = strpos($value,'px'); $px = round(substr($value,$ptr1+10,$ptr2-$ptr1-10)); $value = substr($value, 0, $ptr1+10) . $px . substr($value, $ptr2); $ptr1 = strpos($value, "class="); $value = substr($value, 0, $ptr1+7) . 'color-' . $px . ' ' . substr($value, $ptr1+7); echo '

  • ' . $value . '
    • 
'; ) ?>

Le résultat transforme ceci:

Tag Name

dans ceci:

Tag Name

Notez le bonus supplémentaire que les liens ont un nom de classe de «couleur-29» maintenant qu'il ne l'avait pas avant. Vous disposez maintenant d'un crochet pour coloriser les noms de balises en fonction de leur taille.