Bir Etiket Bulutu Görüntüle - CSS Hileleri

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

Hiçbiri sağlanmadıysa, bu işlev için varsayılan boyutlandırma, biraz alışılmadık ve genellikle güvenilmez olan "pt" dir. Bu nedenle, bu parametreyi sitenizde yazı tiplerini normal şekilde boyutlandırma biçiminize değiştirdiğinizden emin olun.

Daha Az Garip Yazı Tipi Boyutlandırma

Etiket bulutları, her bir etikete satır içi stil uygulayarak çeşitli yazı tipi boyutlarını gerçekleştirir. Ortaya çıkan yazı tipi boyutları, style = 'font-size: 29.3947354754px;' gibi gerçekten garip olabilir. Mike Summers bu çözümü öneriyor:


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

Sonuç şuna dönüşüyor:

Tag Name

bunun içine:

Tag Name

Bağlantıların artık daha önce olmadığı kadar "color-29" sınıf adına sahip olduğuna dikkat edin. Artık etiket adlarını boyutlarına göre renklendirmek için bir kancanız var.