敗家。紀錄

敗家紀錄、開箱評測、好物推薦、時尚精品、生小惡魔

樂趣。玩具

有趣玩具、酷搜搞笑、幽默小品、樂活人生、搞笑影片

生活。心情

生活心情、饕客美食、遊山玩水、動漫音樂、電影欣賞

知識。常識

實用知識、遺忘常識、職場技巧、投資方式、理財規劃

軟硬。兼施

程式設計、軟體教學、硬體效能、部落優化、網站資源

Twitter It! Plurk this! Share to Facebook!
首頁 » 軟硬。兼施

WP-Cumulus 3D標籤雲中文版

作者:20090505日 星期二 16:06:44 | 觀看次數:51 則迴響

WP-Cumulus Preview

WP-Cumulus,相信看過或玩過這款Flash 3D標籤雲外掛的人不在少數。^_^
諾為了讓它能支援中文的標籤,天真的按照第四步Embed the characters的教學說明硬生生把龐大的中文語系給塞了進去,結果Build出了2~4MB的SWF檔(tagcloud.swf)。@Q@

一個標籤雲用掉2MB是很誇張的一件事,那大怪物根本無法應用於網頁上啊!

基於對Flash 3D立體標籤雲的怨念執著!諾最後使用了內嵌字體(僅42.75KB)的方式,終於讓這支外掛能正常的顯示出微軟正黑體中文(1)了,很是感動啊。下面分享如何修改這個外掛,使它能正常的顯示出中文。
只要簡單的幾個步驟就能完成,我們就一步一步的來實作吧~*

步驟一:下載原始碼

您可以在作者的網站下載到這個外掛的原始碼,連結在此
不過要注意,請點擊Development Version連結才是附有FLA原始碼的開發檔喔。

步驟二:新增內嵌字體

使用Flash CS 3或4 開啟tagcloud.fla(檔案位於wp-cumulusflash sources),點擊Tag動態文字物件後於屬性欄中點擊「內嵌字體...」按鈕。

點擊內嵌字體...

在下圖框框中以相同字不重複的原則,輸入您標籤所用到的所有文字(2)。完成後將tagcloud.fla存檔,按下「Ctrl + Enter」編譯出tagcloud.swf,最後將該檔案上傳覆蓋官方原始檔案即可。

輸入您標籤所用到的所有文字

下面是諾72個標籤 & 9個分類中所用到的中文字:

勸敗知識家心得分享感動免費禮物便宜貨玩具地圖軟體遊戲公告搞笑資料庫更新語法職場工作開箱文網站源大便正妹虛擬主機人舍權限生病經濟金融音樂電影串純手狗疊破解微鋼琴機車美食系統優化聖經日憑證奧運包膜正中毒颱風記旅紀錄趣活情常硬兼施頭條廣專區視頻精選綠色。

步驟三:變更成您喜愛的字體

步驟三提供給不喜歡新細明體或想變更字體的朋友,如果您不做任何變更,那這步驟可以忽略不看。^_^
使用任意文字編輯器開啟Tag.as檔(檔案位於wp-cumulusflash sourcescomroytanckwpcumulus),於檔案中搜尋第58列「format.font = "Arial";」,將Arial換成欲變更的字體(當然您電腦需要安裝該字體)。

變更字體

如果您喜歡本站所用的字體風格,可以跟諾一樣變更為「format.font = "微軟正黑體";」,字型檔下載可參見此。最後記得重新將FLA編譯成SWF並上傳覆蓋即可。

新增免嵌入字體方式:

1、點擊Tag動態文字物件,在內嵌字體選擇不嵌入。
2、修改tag.as,將「_tf.embedFonts = true;」前面加//注釋掉。
3、編譯出的SWF檔僅6.02KB,支援所有語系(因為讀用戶端的)。

這方法完全解決各國語系文字使用問題,當然「format.font = “微軟正黑體”;」設定後,用戶端電腦若無該字體自然就會使用OS預設的,Win XP是新細明體,而Vists及Windows 7的預設字體則是微軟正黑體囉。

額外提供改良版的WP-Cumulus For Textcube:

它是透過Flash讀取xml的方式,使用WP-Cumulus最新核心,再透過Flash的效果來呈現3D效果。
介紹網頁:L.Ken's Blogs - [TC中文插件] tc-cumulus 插件
官方網頁:rezlog - 외부 리소스 쓰기 옵션 추가

附註:

提供的嵌入方法式適合已經有眾多標籤且不常新增標籤的人使用,因為新增標籤時需要重新編譯SWF檔一次。原則上新增標籤的文章都不會太多,所以累積夠多新標籤再一次編譯也OK。^_^

  1. 由最新版Windows 7內擷取出來的檔案。 [來源 ↩]
  2. 數字或符號如果沒用到可移除,檔案會更小。 [來源 ↩]
標籤:, , , , ,

51 則迴響 »

  • 第1則 迴響由 佶也 Windows XP Internet Explorer 7.0 發表:

    到2MB
    看來是有
    用很大喔
    且佔空間
    對不對呀

  • 第2則 迴響由 凱特打結 Windows XP Firefox 3.0.10 發表:

    太酷了太酷了,太。酷。了!!!

  • 第3則 迴響由 muki Windows XP Firefox 3.0.10 發表:

    阿諾真厲害XD
    我一看到沒支援中文就懶得用了 噗~

  • 第4則 迴響由 scorpio Windows XP Firefox 3.0.10 發表:

    可惜每次新增需重新編譯
    不過還是很屌

  • 第5則 迴響由 T. J. Windows XP Firefox 3.0.10 發表:

    太屌了,阿諾真有你的!
    但...還要重新編譯...有點小麻煩吼。

  • 第6則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To 佶也

    正規方法是2MB+沒錯,這篇是做出42.75KB的SWF檔喔。 😎

    To 凱特打結

    哈,大姊頭好妙,太。妙。了!!!

    To muki

    騙吃騙吃啦,山不轉路轉囉,就是要支援中文。 😆

    To scorpio & T. J.

    嗯,缺點就是需要自行編譯SWF檔。
    不過為了讓檔案變小也只能這樣做了。 😥

  • 第7則 迴響由 Ausir Windows XP Internet Explorer 6.0 發表:

    改成中文蠻好看的

    其實這個東西絢麗為主啦
    但是對於 SEO 似乎沒有太大的作用~

    而且可能點擊率會降低~

    但是不錯看~~

  • 第8則 迴響由 Jacky Windows XP Firefox 3.0.10 發表:

    請問這只支援WP 嗎? BLOGGER 有支援嗎?

  • 第9則 迴響由 拆組達人 Windows XP Firefox 3.0.10 發表:

    flash的標籤雲對seo幫助有限吧?
    這個還要改程式碼,太麻煩了
    等哪天有神人寫出「真‧正體中文版」
    再來考慮裝裝看
    --
    話說這個留言版在Chmore中無法看到姓名等欄位
    導致無法留言說 ❗

  • 第10則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To Ausir

    這外掛並不是單純標籤Flash化而已,看看我的網頁原始碼吧。 😉
    它可是有考慮到SEO的喔。^_^

    To Jacky

    有支援喔,請參考bloggerbuster站中的這篇。 🙂

    請注意blogger template的這段script:
    var so = new SWFObject裡面的SWF位置要改成你自己的SWF檔喔。

    To 拆組達人

    其實真‧正體中文版是可行的,方法如下:
    1、點擊Tag動態文字物件,在內嵌字體選擇不嵌入。
    2、修改tag.as,將「_tf.embedFonts = true;」前面加//注釋掉。
    3、編譯出的SWF檔僅6.02KB,支援所有語系(因為讀用戶端的)。

    這方法完全解決各國語系文字使用問題,當然「format.font = “微軟正黑體”;」設定後,用戶端電腦若無該字體的話,自然就會使用OS預設的,Win XP是新細明體,而Vists及Windows 7的預設字體則是微軟正黑體囉。

  • 第11則 迴響由 小笠 Windows Vista Firefox 3.0.10 發表:

    這個我之前就知道了
    但是我覺得用了中文很棒
    可是感覺但是就是感覺 這方法有點鳥
    如果以後 又要調整標籤 還要再做一次
    但是 諾還是很厲害呢

  • 第12則 迴響由 darkromeo Mac OS X Safari 3.2.1 發表:

    我制作的版本可以不用嵌入字体,而且无论什么汉字都能够显示。最终文件大小为11kb。
    缺点是不能支持动态的透明度,所以不如原来的好看
    大家有时间可以过我那里看看
    http://designeris.me

  • 第13則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To 小笠

    可以用諾在第十則提到的方式,檔案僅6.02KB且支援所有語系喔。 🙄
    Vista跟Windows 7系統預設字體就是微軟正黑體所以可正常顯示沒影響。
    缺點是Win XP使用者如果沒有微軟正黑體字型,看到的將是新細明體。

    To darkromeo

    連結點過去看不到網頁耶。@Q@
    內嵌拿掉6.02KB這種方式有支援動態透明度唷。

  • 第14則 迴響由 大鐵 Windows XP Firefox 3.0.10 發表:

    這個真的很炫,我也依照教學將它加上去囉 ^^
    不過主要是拿來展示啦。

    謝謝囉 !

  • 第15則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To 大鐵

    客氣啦,一起開心玩轉部落格囉。XD

  • 第16則 迴響由 kimihu Windows XP Maxthon 1.0 based on IE 7.0 發表:

    我的3D標籤雲搞了兩天都失敗 問題是出在哪?當我做到崁入中文字預覽甚麼都看不見呀
    可以煩請大師指點 或幫我做個swf檔 我需求:日常生活美食中華職棒敗家品外拍手機撞球棒球偶像劇單車寵物裝飾品公仔教學文+英文大小寫+數字

  • 第17則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To kimihu

    重複的字只要出現一次即可。EX:撞球、棒球=撞球棒。
    編譯時試著按「靠近鍵盤中間的Ctrl鍵 & Enter鍵」,我是這樣編譯的。^_^
    如果還是不行,我再幫你做SWF檔。不過可能要等端午連假過後了,諾這幾天都不在。

  • 第18則 迴響由 kimihu Windows XP Maxthon 1.0 based on IE 7.0 發表:

    請問按Ctrl鍵 & Enter鍵 出現的預覽視窗中會有中文字出現還是原本的英文?
    另外swf如何存檔可以說明一下嗎?萬分感謝!!

  • 第19則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To kimihu

    預覽是英文的沒錯!
    編譯完成後會在FLA檔同目錄下自動產生SWF檔,不需額外存檔唷。^_^
    剛從147漆彈場回來,屁股好痛啊...

  • 第20則 迴響由 kimihu Windows XP Internet Explorer 6.0 發表:

    阿諾大師~我終於搞定啦 thanks你的協助~
    有一個小問題想問一下就是若點到選單不是會變色嗎?
    從哪調整呀...我的BLOGGER是黑色系~若以原設計一點就變黑色
    那就看不到字啦^^"像你的會變藍色就很優~~~

  • 第21則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To kimihu

    痾...看來我太慢回了,你已經改好顏色了。XD

  • 第22則 迴響由 kozen Ubuntu Firefox 3.0.10 發表:

    問個題外話
    就是你的文章中,有些文句會出現一條線(黃色、紅色、藍色等等)
    很好看耶!可能讓人知道重點在哪
    不知道這個是如何實現的?可以分享一下嗎?謝謝。

  • 第23則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To kozen

    那個不是外掛唷,是文字飾圖(花姊命名的),可參考這篇
    或是花姊發表在WordPress歡樂正體中文交流所的這篇

    可以自己換喜歡的底線圖片,蠻方便的。^_^
    第一條~~~~~~~~~~~~~ 第六條~~~~~~~~~~~~~

    第二條~~~~~~~~~~~~~ 第七條~~~~~~~~~~~~~

    第三條~~~~~~~~~~~~~ 第八條~~~~~~~~~~~~~

    第四條~~~~~~~~~~~~~ 第九條~~~~~~~~~~~~~

    第五條~~~~~~~~~~~~~ 第十條~~~~~~~~~~~~~

  • 第24則 迴響由 loveclaire Windows XP Firefox 3.0.10 發表:

    您好,請教一下您網頁上的cumulus是使用內嵌法還是內嵌拿掉法製作的呢?目前使用內嵌拿掉法製作出來的雖然體積很小,但是字體顏色不會依照遠近變化而改變深淺度,一律都變成單色的,看起來比較不美觀,請教是否有方法可以修改?謝謝^^

  • 第25則 迴響由 阿諾 Windows XP Firefox 3.0.10 發表:

    To loveclaire

    諾這邊是用內嵌的方法實現的(42.14KB) 😳
    遠近變深淺方面,因為WordPress後台有參數可以設定所以沒去多注意它。@@

  • 第26則 迴響由 wtssoccer Windows XP Firefox 3.0.11 發表:

    太神奇了
    我也好想用
    可惜看不懂要怎麼弄@@

    忘了問
    一般的部落格是不是不能用呢?
    像我是用痞客邦的
    有辦法外掛嗎?

  • 第27則 迴響由 阿諾 Windows XP Firefox 3.0.11 發表:

    To 大仙

    BSP平台的部落格就自行修改方面本身就是半殘的啊... ❗
    自定義功能太弱,如果願意換成WordPress是個不錯的選擇。

  • 第28則 迴響由 Jie Windows Vista Firefox 3.0.11 發表:

    阿諾,

    我又來問問題了, 我將 format.font 換成『微軟正黑體』後,
    再按下編譯,結果出來的預覽視窗中的 Flash 什麼都看不到,
    丟上網站後也是什麼都看不到 >.<
    改回『Arial』後, 再重新編輯, 就可以看到。
    不知是什麼問題, 你有遇過類似的問題嗎 ?

    另外, wp cumulus一放上側邊欄後, IE就會一直顯示錯誤訊息,
    FireFOX就不會, 把wp cumulus從側邊欄拿掉後, 就又都正常 >..<

  • 第29則 迴響由 阿諾 Windows XP Firefox 3.0.11 發表:

    To 蘋果米

    如果你用的是Win XP必須先下載微軟正黑體的字體喔,Vista或Win 7原本就有可以不用抓。
    編譯時試著按「靠近鍵盤中間的Ctrl鍵 & Enter鍵」,我是這樣編譯的。^_^

    IE有秀出什麼訊息嗎?我這邊用IE6、7、8來看都沒出現錯誤耶,檢查一下是否有其他外掛衝突到吧。^_^

  • 第30則 迴響由 shooter Windows XP Internet Explorer 7.0 發表:

    我家沒有軟體ㄝ
    有沒有人修改後傳給我

    不能把常用的全都打上去嗎??

  • 第31則 迴響由 阿諾 Windows XP Firefox 3.5 發表:

    To shooter

    你沒留下要用哪些字啊...
    方法兩種:本篇使用的嵌入字體或第10則迴響提到的使用系統字型。

  • 第32則 迴響由 阿諾 Windows XP Firefox 3.5.1 發表:

    To vivi

    諾將你留MSN的迴響移到悄悄話中了。 🙂
    明早上班時諾再用MSN跟你連絡。^_^

  • 第33則 迴響由 vivi Windows XP Firefox 3.0.5 發表:

    太正點+太酷了...感謝老師的幫忙..我的部落格終於正點起來了..太感激了

  • 第34則 迴響由 jacker42001 Windows XP Internet Explorer 7.0 發表:

    很棒的一篇文章,
    不過太麻煩的東西我還是不想用...

  • 第35則 迴響由 阿諾 Windows XP Firefox 3.5.1 發表:

    To 拍拍

    諾用IE8測試有正確對應到標籤,用FireFox時則會找不到標籤!
    估計是標籤的中文編碼問題,造成瀏覽器解讀不正確導致的!
    Ex:心情 → %A4%DF%B1%A1

    諾沒用過blogspot,可能要看一下有沒設定的地方或詢問一下blogspot的使用者了。

  • 第36則 迴響由 kimihu Windows XP Internet Explorer 7.0 發表:

    可以提供有支援SWF外連的網路空間...^^"

  • 第37則 迴響由 Asecuber Windows XP Firefox 3.5.2 發表:

    阿諾大你好
    我一看到這篇教學就很興奮的來試試看
    但是我照著作了,還是不成功耶
    這是我的網址:aseblog.twbbs.org
    我的中文還是出不來耶
    我有嵌入用到的字,相同不重複
    也有按 Ctrl+Enter 編譯 Swf
    但沒反應...不知道為啥?

  • 第38則 迴響由 阿諾 Windows XP Firefox 3.5.2 發表:

    To Asecuber

    Ctrl+Enter編譯SWF,成功的話會出現英文的預覽喔!
    編譯時試著按「靠近鍵盤中間的Ctrl鍵 & Enter鍵」,我是這樣編譯的。^_^

  • 第39則 迴響由 Roger Windows XP Internet Explorer 7.0 發表:

    你好,我想請問一下
    當我滑鼠移到一個分類上時
    該分類就會變成黑色並附上黑框
    可是我blog底色是深色系
    幾乎就看不見了
    請問該怎麼解決呢

  • 第40則 迴響由 阿諾 Windows XP Firefox 3.5.2 發表:

    To Roger

    如果你的部落格平台是WordPress的話就很簡單,直接至後台設定一下顏色即可。
    如果是blogspot的話可能就更改CSS來改變顏色囉,詳細改法可以問第19則迴響的kimihu,它的就是深色佈景。^_^

  • 第41則 迴響由 叶子 Windows XP Google Chrome 3.0.195.24 發表:

    请教一个问题,文字图示,图片文档应该放在哪个目录里才会被文章调用到?

  • 第42則 迴響由 阿諾 Windows XP Firefox 3.5.3 發表:

    To 叶子

    放置於根目錄下任何自定義的資料夾都可以,重點是路徑指對就OK了。

  • 第43則 迴響由 peggy Windows XP Internet Explorer 8.0 發表:

    阿諾,tagcloud.fla打開之後是空白的嗎?我下載之後,打開是空白的,是正確的嗎??

  • 第44則 迴響由 阿諾 Windows XP Firefox 3.5.5 發表:

    To peggy

    FLA是原始檔,要用Flash CS 3或4來開啟喔。打開是有東西的。^_^

  • 第45則 迴響由 peggy Windows XP Internet Explorer 8.0 發表:

    HI..阿諾:
    我按照上述的方法做,但是在測試場景時,為何還是英文字呢???
    還有在發布預覽時..會出現"無法開啟受保護的影片"..這是什麼問題呢??
    不好意思..問題很多...><

  • 第46則 迴響由 網頁設計 Mac OS X Firefox 3.5.5 發表:

    Cool!!就是大了點,想辦法來壓小

  • 第47則 迴響由 阿諾 Windows XP Firefox 3.5.5 發表:

    To peggy

    編譯好出現的Demo是正常的,至於「無法開啟受保護的影片」這個我沒遇過耶。
    會不會是版本問題?Flash CS 3或4來開啟的嗎?!

    To 網頁設計

    採用免嵌入字體的話就只要6.02KB嚕,另外額外提供改良版的WP-Cumulus For Textcube也是不錯的選擇。^_^

  • 第48則 迴響由 ODIN Windows XP Internet Explorer 6.0 發表:

    hi!!阿諾大您好~這真是不錯的東西~~

    我想問的是..有些字會擠在一起呢..比如一次3個疊在一起= ="

    我是去國外下載的.他是彩色的.我好不容易改成白字體深底~

    但是字體會擠在一起...???是很嚴重3層疊....有什麼方法嗎?

  • 第49則 迴響由 阿諾 Windows XP Firefox 3.5.7 發表:

    To ODIN

    疊在一起?!是標籤太多嗎?! ❓
    建議40~50個標籤是理想數字,太多反而容易眼花撩亂喔。

  • 第50則 迴響由 CIRCLE Windows other version Internet Explorer 7.0 發表:

    您好...我想請問這個有支援無名的嗎???我也好想用用看!!

  • 第51則 迴響由 Truedark Windows other version Google Chrome 27.0.1453.116 發表:

    請問我用FLASH CS6開啟檔案後
    照步驟新增字元 BLABLA 都沒問題
    CTRL+ENTER 也沒問題 有動畫
    ~
    但一存檔後 (CS6只能存CS6、5.5、5的版本)
    不管存哪個版本 CTRL+ENTER 就會一片空白
    請問這正常嗎?

發表您的迴響(連結不含Nofollow)

如果喜歡這篇文章,您可以於下方「留下您的迴響」 或於您網站使用此文章的「TrackBack」連結。當然更歡迎您訂閱「此篇文章(RSS)」「敗家誌°(RSS)」,以便將日後新文章發佈給您的 RSS 瀏覽器。

敗家誌°支援 Gravatar 大頭貼,您可於「Gravatar官方網站」免費取得專屬大頭貼。emoticons

(完成後可按 Ctrl+Enter 發表迴響)

防機器人: 的答案是? (必填)