類別 | 學習心得

將WordPress標籤雲彩色化

今天在「阿茂的隨手札記」看到一篇如何「輕鬆將WordPress標籤雲彩色化」的文章,這是不需要安裝Plugin就可以實現,方法非常簡單,只要將Code插入使用中的佈景即可達成,原木特將此方法收錄,供以後自行參考使用,也分享給Wordpress使用者。

WordPress標籤雲彩色化圖例  WordPress預設的標籤雲只有一種表現方式,就是所發文章的標籤雲類別越多,該標籤的字體越大,但是這樣顯得非常單調,而以下的方法則是不需要經過Plugin就可以讓標籤雲哦!

  1. 將下面Code插入 wp-content/themes/目前使用佈景/functions.php 檔案中的 <?php 之後:
  2. [code lang=”php”]//Start of colorful tag cloud
    function colorCloud($text) {
    $text = preg_replace_callback(‘|<a (.+?)>|i’, ‘colorCloudCallback’, $text);
    return $text;
    }
    function colorCloudCallback($matches) {
    $text = $matches[1];
    $color = dechex(rand(0,16777215));
    $pattern = ‘/style=(‘|")(.*)(‘|")/i’;
    $text = preg_replace($pattern, "style="color:#{$color};$2;"", $text);
    return "<a $text>";
    }
    add_filter(‘wp_tag_cloud’, ‘colorCloud’, 1);
    //End of colorful tag cloud[/code]

  3. 如此即完成讓標籤雲,而一般預設的標籤雲語法是 < ?php wp_tag_cloud(); ?>,而籤雲的顯示方式有幾個調用語法:
     (1)smallest︰最小(少)篇章標籤字體。
     (2)largest︰最大(多)篇章標籤字體。
     (3)unit︰字體單位,例如px、pt。
     (4)number︰顯示標籤數量。
     (5)orderby︰文章分類中的標籤。
     (6)exclude︰排除哪個標籤。
     (7)include︰包含哪個標籤。
  4. 提供一個實作的語法如下(以&作連接,而=後面沒有數字則表示使用預設值):
    [code language=”php”]<? php wp_tag_cloud( ‘smallest=8&largest=24&number=50’ ); ?>[/code]
☆★相關文章★☆
如何在 WordPress 做一個歡迎頁
今天開始來到我們家有一個新的大門了,由於我們有兩個部落格系統,舊的部落格是用 F2cont 架的,新的則是現在使用的 Wordpress,為了讓大家選擇要去我們的哪一個家,所以好友小潘幫我們家設計了一個歡迎頁。  Wordpress 的首頁是抓自己的 index.php,所以大家輸入網址後一定是讀取 index.php,這樣歡迎頁的 index.html 就無法當作第一個頁面來讀取,而 Wordpress 又會一直循環調用 index.php,如果更改 .htaccess 將首頁設定使用 index.html,那麼落格的文章就叫不出來了,怎麼辦呢?很簡單 ... 以下 Step by step: 將下面的代碼增加到根目錄的 .htaccess:[code lang="php"]<IfModule dir_module>DirectoryIndex index.html index.php</IfModule>[/code] 修改 wp-includes/rewrite.php 檔案,找到下面的敘述:[code lang="php"]var $index = ...
繼續閱讀
修正推文到FB中文亂碼問題(Facebook Open Graph WordPress Plugin 3.0.7)
有在使用 Sociable! 的 Facebook Open Graph WordPress Plugin 3.0.7 版本的網友應該都有一個痛,就是將文章推到 Facebook 時,中文會變成亂碼,這個問題已經被 Derek 大大解決囉!  解決這個方法有二,直接下載 Derek大大提供的檔案,覆蓋掉 wp-content/plugins/ fbconnect/ fbConnectInterface.php 就可以了,或者自行修改 fbConnectInterface.php 檔案,方法如下: 找到 103 及 104 行:[code lang="php"]echo '<meta name="og:site_name" content="'.htmlentities(get_bloginfo('name')).'"/>';echo '<meta ...
繼續閱讀
新增WordPress評論表情圖
這也還是在《Willin Kan 的博客》挖到的寶,一口氣在 Willin 大大挖到3個寶,還幫了原木修改代碼,真的很謝謝他。這是一個小而不用插件的Hack,就是在評論框出現所有的表情圖供訪客使用。  請先點 →這裡← 下載檔案,解壓縮後直接將 smiley.php 放在使用佈景的所在目錄,然後在 comments.php 的 textarea 的適當位置,加入以下的代碼:  [code lang="php"]<?php include(TEMPLATEPATH . '/smiley.php'); ?>[/code]  ~ That’s all ~
繼續閱讀
自動為上傳的圖片加上浮水印
這是原木找了好久終於找到這個方便又實用的Plugin,可以使用圖片或文字當作浮水印,廢言不多說了,來介紹如何安裝使用嚕!  請先下載檔案,解壓縮後放到 wp-content/plugins 並到後台啟用她,之後編輯 wp-admin/includes/media.php 這個檔案,在 // Save the data 前加入下面的 code:[code lang="php"]// For WP WaterMarkMM_Execute_WM( $file, '' );[/code][download id="4"]  爾後每次升級完 Wordpress,記得要再到該檔案加入上面的 Code 喔,不然圖片的浮水印功能會沒有作用喔,這也是原木寫這篇文章的用意之一,提醒自己更新 Wordpress 後要將 Code 加入該檔案。下面放上文字及圖片浮水印的效果:  文字浮水印    圖片浮水印    設定的方法很簡單,原木就不再特別介紹了,有問題的話可以留言給我喔。另外經原木測試1「文字浮水印」只能支援英文,中文會變成亂碼,而2使用「圖片浮水印」,請將 wp-content/plugins/watermark/ 下的 stempel.png 換成您想要加的 ...
繼續閱讀
使用Facebook Connect將WP與FB完整結合(中)
其實安裝Facebook Connect真的非常簡單,但是原木在安裝過程中卻遇到了問題,就是在登入過程中始終對應不到我Facebook的應用程式,昨天花了一整天的時間研究,終於讓原木找到了問題,解決之後心情快~樂~的~不~得~了~  ^^  原木的問題有二,第1個問題是Facebook韓德爾の原木粉絲專頁,第2個則是Wordpress的 1 Blog Cacher 插件。  關於第1個問題,在我們部落格側邊欄位的「Communities」是利用Highslide JS效果呈現的,其中第7個是顯示我們部落格在Facebook的粉絲,因為有使用 <script type="text/javascript">FB.init("e320a5c35f3157b68b1e5e3f0f6563a9");</script> 語法,而在Facebook Connect中也有設定API金鑰,結果造成同一個頁面出現兩個API金鑰,導致在登入FB時一直指向粉絲的專頁,這個超讓原木抓狂的,想說明明API金鑰跟秘密都設定對了,為何都無法指向我在FB的應用程式,後來原木就利用Java Script另開新視窗,就解決囉!  第2個問題很簡單,換掉 1 Blog Cacher,改用 WP Super Cache,在裝好該插件後,找到部落格根目錄 .htaccess 檔案下面的敘述:[code]RewriteCond %{HTTP:Cookie} !^.*(comment_author_|wordpress|wp-postpass_).*$[/code]  將她改成:[code]RewriteCond %{HTTP:Cookie} !^.*(comment_author_|wordpress|wp-postpass_|YOURAPIKEY_user).*$[/code]  其中「YOURAPIKEY」就是輸入你Facebook應用程式的API金鑰,記得後面要加「_user」,這樣在使用Facebook Connect登入時就不會被快取。  原木特將遇到的問題筆記下來,希望能對安裝Facebook Connect的人有所幫助。^^
繼續閱讀
不看可惜的 … 八卦(限會員)
這篇文章是在「免費的喘息」討論區看到的,有人詢問 Wordpress 要如何做到文章僅註冊會員登入後才可以閱讀,雖然我們部落格文章的性質不會常用到,不過還是收錄供大家參考,至於完整的演示 ... 你已經體驗過了。 ^^  這個方法是在「WordPress 中如何设置只有注册用户才能浏览特定的内容」文章發表的,只要將下面的代碼存成 .php,在上傳到 wp-content/plugins 啟動這個插件即可:[code lang="php"]<?php/*Plugin Name: User onlyPlugin URI: http://fairyfish.net/2010/05/13/post-for-user-only/Description:通過給 user_only 這個自定義字段設置為 true 來設置當前文章僅限於會員瀏覽。Author: DenisVersion: 1.0Author URI: http://wpjam.com*/add_filter('the_content', 'post_user_only');function post_user_only($text){    global $post;       $user_only = ...
繼續閱讀
在WordPress文章中加入推文按鈕
這是在「夢行者的夢想天空」的「WordPress中加入Facebook、Plurk、Twitter、FunP快速推文按鈕」文章學到的,也就是在文章中加入Facebook、Plurk、Twitter及FunP快速推文的按鈕,其實有外掛可以直接使用,但外掛裝多了總是會拖累Wordpress的速度,所以本文是教你如何修改 single.php 達到快速推文目的。  找到使用佈景主題的 single.php,在 <?php the_category(', ') ?> 之後加入以下的代碼:[code lang="php"]<h2 align="right"><iframe src="http://funp.com/tools/buttoniframe.php?s=21" height="16" width="66" scrolling="no" frameborder="0" marginheight="0" marginwidth="0"></iframe><a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http://你網誌的網址/?p=<?php the_ID(); ?>"><img title="分享到臉書!" src="http://arisa520.myweb.hinet.net/facebook.png" /></a><a rel="nofollow" target="_blank" href="http://plurk.com/?qualifier=shares&status=[分享] http:%2F%2F你網誌的網址/?p=<?php ...
繼續閱讀
避免WordPress自動加上nofollow標示
如果你也是部落客,通常在留下評論時,也都會順手將你部落格的網址留下,但偏偏Wordpress都會將你留下的網址,加上nofollow這段敘述,讓搜尋引擎完全不會理會,到底nofollow是什麼東東啊?  nofollow屬性最初是用在網頁層級的中繼標記裡,告訴搜尋引擎不要遵從(即檢索)網頁上的任何對外連結。為了鼓勵大家多多留言,原木怎麼可以讓最毒婦人心的「不要發肉蜜」,讓大家留下的網址白留呢?!況且,大家都喜歡「發肉蜜」啊,呵呵喝 ...  將nofollow敘述拿掉,除了可以利用 「NoFollow Free」外掛,也可以自行修改 wp-includes/comment-template.php 檔案,找到在第 140 行「function get_comment_author_link()」這一段,在第 148 行有個「$return = "<a rel="external nofollow" href="$url">$author</a>";」敘述,將nofollow拿掉就可以嚕,真的是快、狠、準 ~ That's all ~  我們已經拿掉nofollow了,相信對大家網站的 SEO 會有不少幫助,也希望大家多多留言啦! ^^後記  每次 Wordpress 更新都要手動改一次,還真的有點麻煩,所以建議使用外掛,有興趣的朋友可以到 http://wordpress.org/extend/plugins/nofollow-free/ 下載此外掛,若要中文化,可下載 http://images.steachs.com/Files/lang.zip 繁中語系。
繼續閱讀
啟動WordPress的Gzip網頁壓縮功能
啟動Wordpress的Gzip網頁壓縮功能加快網頁讀取的速度有很多種方法,其中讓網頁在輸出時透過壓縮功能,即可加速開啟及減少等待時間,這項壓縮功能叫做「Gzip 網頁壓縮」。  網站啟用 Gzip 壓縮可以幫助網站瘦身,其原理是透過網站伺服器壓縮輸出大小再傳給 Client 端,Client 端的電腦再進行解壓縮,可以節省許多網路頻寬,而啟動 Wordpress 的 Gzip 網頁壓縮功能有 2 種方法,以下: 透過 PHP:使用此方法的前提是伺服器須有支援「Zlib Compression Functions」,且當 WordPress 版本更新時,必須再重新加入此語法。修改的檔案是 Wordpress 根目錄的 index.php,請該檔案的「<?php」之後加入「ob_start('ob_gzhandler');」語法即可。 利用 .htaccess:這方法是透過 Apache 的「Enabling Compression」,請在 Wordpress  根目錄的 .htaccess 檔案加入以下語法(如果沒有請自行建立):[code lang="php"]<IfModule ...
繼續閱讀
WordPress評論回應郵件通知
這還是在《Willin Kan 的博客》挖到的寶,也就是當A回應B發表的評論,系統會發一封E-Mail通知B,這樣可以增加該篇文章的評論互動,當然,你的伺服器一定要有 mail() 功能哦!  這個不是插件,只要修改你使用中佈景的 functions.php 檔案,將代碼放置 <?php ..... ?> 區域內即可,《Wordpress評論回應郵件通知》的代碼有三種,請依需求點取下面的標題: 有勾選欄位,由訪客決定是否要回應郵件通知。 無勾選欄位,由管理者決定在什麼條件下發郵件。 所有回覆都發郵件。  先補充說明,如果你使用的佈景主題,評論式樣是使用 comments 和 trackbacks/pingbacks 分離(如原木使用的主題),請將下面所有的:  [code lang="php"]get_comment_link($parent_id)[/code]  修改成:  [code lang="php"]get_comment_link($parent_id, array('type' => 'comment'))[/code]  有勾選欄位,由訪客決定是否要回應郵件通知(會在模板自動加勾選欄,如果不想自動加,可把後面一小段刪除。)[code lang="php"]/* comment_mail_notify v1.0 by willin kan. (有勾選欄, 由訪客決定) */function comment_mail_notify($comment_id) ...
繼續閱讀
如何在 WordPress 做一個歡迎頁
修正推文到FB中文亂碼問題(Facebook Open Graph WordPress Plugin 3.0.7)
新增WordPress評論表情圖
自動為上傳的圖片加上浮水印
使用Facebook Connect將WP與FB完整結合(中)
不看可惜的 … 八卦(限會員)
在WordPress文章中加入推文按鈕
避免WordPress自動加上nofollow標示
啟動WordPress的Gzip網頁壓縮功能
WordPress評論回應郵件通知


  • 感觉彩色更乱啊。还在找其他能让标签变得简洁的方法….

  • 您好,請問您確定這篇是在「台灣CF歷史資料館 – TVC迷部落格」所看到的嗎?

    • 是啊,就是從 http://tw-cf.net/?p=2250 這邊看到的啊 ❓

      • 不好意思,會這樣問是因為和我這篇 http://www.skymao.com/?p=474 寫的相似性十足(包括說明還有第二點的顏色字體),而且我在奇摩搜尋時看到這個引擎所抓取過的說明 http://img687.imageshack.us/img687/8544/magicalsnap201006150330.jpg 另外Google也是同樣的,這怎麼解釋呢?

        • 我剛看了一下,那應該是我第一次發表時候的內文,因為我在寫這篇文章時,也有搜尋到其他部落格的文章,我習慣上都會另開許多搜尋結果的視窗,可能是在之後最後確認時,剛好又看到「台灣CF歷史資料館 – TVC迷部落格」的視窗,因為文章很像,所以改成該部落格。很抱歉造成誤會,我已經將文章修正出處了,真的很抱歉。

          • 不會,我也問的強勢了點…你的部落格比起我的棒太多了,呵~
            打擾了 😐

          • 謝謝,你的部落格內容也很豐富,以後我在張貼文章若有引用別人的部落格,我會再多多留意文章出處。 ^^

  • 還以為你這是賣原木傢俱的~呵呵

    • 不是啦,原木是我的筆名 ^^

    • 這個有好笑到~~~哈~~有梗~!

      • Ricky,其實子維不是第一個這麼認為,很多朋友在健身房也這麼問原木 ^^|||

  • 哈囉~原木
    我是生活樂子的Ricky
    我也改用WP了,而且申請了新的網域
    網址: http://blog.oos.tw
    站名: 沒事找事做
    幫我改一下連結哦~感恩~

    順道請教一下, 您的Links可以讓人申請交換連結的功能
    是用外掛達成的嗎? 用什麼外掛咧?
    我搜尋都找不到咧>_<