Afișați un Cloud de etichete - CSS-Tricks

 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 ) ); ?>

Dimensiunea implicită, dacă nu este furnizată, pentru această funcție este „pt”, care este puțin neobișnuită și adesea nesigură, așa că asigurați-vă că schimbați acest parametru în modul în care dimensionați fonturile în mod normal pe site-ul dvs.

Dimensionarea mai puțin ciudată a fonturilor

Norii de etichete își îndeplinesc dimensiunile variate de fonturi prin aplicarea unui stil în linie pentru fiecare etichetă. Dimensiunile fontului rezultate pot fi foarte ciudate ca style = 'font-size: 29.3947354754px;'. Mike Summers propune această soluție:

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 . '
'; ) ?>

Rezultatul transformă acest lucru:

Tag Name

în asta:

Tag Name

Observați bonusul suplimentar conform căruia linkurile au un nume de clasă „color-29” acum că nu mai avea. Acum aveți un cârlig pentru a colora numele etichetelor în funcție de dimensiunea acestora.