Показване на облак от маркери - 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 ) ); ?>

Размерът по подразбиране, ако не е предоставен, за тази функция е „pt“, което е малко необичайно и често ненадеждно, така че не забравяйте да промените този параметър според начина, по който нормално оразмерявате шрифтовете на вашия сайт.

По-малко странно оразмеряване на шрифта

Облаците от маркери постигат своите различни размери на шрифта, като прилагат вграден стил към всеки етикет. Получените размери на шрифта могат да бъдат наистина странни като style = 'font-size: 29.3947354754px;'. Майк Съмърс предлага това решение:


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

Резултатът превръща това:

Tag Name

в това:

Tag Name

Забележете добавения бонус, че връзките имат име на клас „color-29“ сега, когато не го правят преди. Сега имате кука за оцветяване на имената на маркери въз основа на техния размер.