用代碼讓wordpress標籤雲,變成漂亮的標籤雲

我這邊提供二種樣式給看家使用,

第一種樣式

不用外掛,用代碼實現漂亮wordpress標籤雲,開啟主題的functions.php

貼入以下代碼

  1. function colorCloud($text) {     
  2. $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);     
  3. return $text;     
  4. }     
  5. function colorCloudCallback($matches) {     
  6. $text = $matches[1];     
  7. $colors = array('F99','C9C','F96','6CC','6C9','37A7FF','B0D686','E6CC6E');     
  8. $color=$colors[dechex(rand(0,7))];    
  9. $pattern = '/style=(\'|\")(.*)(\'|\")/i';    
  10. $text = preg_replace($pattern, "style=\"display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 1px 5px; margin: 0 5px 5px 0; background-color: #{$color}; border-radius: 3px; -webkit-transition: background-color .4s linear; -moz-transition: background-color .4s linear; transition: background-color .4s linear;\"", $text);     
  11. $pattern = '/style=(\'|\")(.*)(\'|\")/i';    
  12. return "<a $text>";     
  13. }     
  14. add_filter('wp_tag_cloud', 'colorCloud', 1);  

第二種樣式

實現帥氣wordpress的標籤雲做法
用代碼實現帥氣wordpress的標籤雲,開啟主題的functions.php
貼入以下代碼
  1. function colorCloud($text) { // 實現彩色标簽雲     
  2.         $text = preg_replace_callback('|<a (.+?)>|i', 'colorCloudCallback', $text);      
  3.         return $text;      
  4.     }      
  5.     function colorCloudCallback($matches) {      
  6.         $text = $matches[1];      
  7.         $color = dechex(rand(0,16777215));      
  8.         $pattern = '/style=(\'|\")(.*)(\'|\")/i';     
  9.         $text = preg_replace($pattern, "style=\"color:#{$color};$2;\"", $text);      
  10.         return "<a $text>";      
  11.     }      
  12.     add_filter('wp_tag_cloud', 'colorCloud', 1);  
註:若想在任意地方加入標籤雲,可以使用標籤雲的代碼
如下
  1. <?php wp_tag_cloud(); ?>   
  2. <?php wp_tag_cloud(‘smallest=8&largest=22′); ?>   

 

評論 (0)

此處尚未發表評論

留言

  1. 以遊客身份發表評論。 註冊登入到您的帳戶。
附件 (0 / 3)
分享您的位置