WP-Cumulus 3D標籤雲中文版
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。^_^
標籤:Blog, Plugs, WordPress, 正體中文, 系統優化, 語法
到2MB
看來是有
用很大喔
且佔空間
對不對呀
太酷了太酷了,太。酷。了!!!
阿諾真厲害XD
我一看到沒支援中文就懶得用了 噗~
可惜每次新增需重新編譯
不過還是很屌
太屌了,阿諾真有你的!
但...還要重新編譯...有點小麻煩吼。
To 佶也
正規方法是2MB+沒錯,這篇是做出42.75KB的SWF檔喔。 😎
To 凱特打結
哈,大姊頭好妙,太。妙。了!!!
To muki
騙吃騙吃啦,山不轉路轉囉,就是要支援中文。 😆
To scorpio & T. J.
嗯,缺點就是需要自行編譯SWF檔。
不過為了讓檔案變小也只能這樣做了。 😥
改成中文蠻好看的
其實這個東西絢麗為主啦
但是對於 SEO 似乎沒有太大的作用~
而且可能點擊率會降低~
但是不錯看~~
請問這只支援WP 嗎? BLOGGER 有支援嗎?
flash的標籤雲對seo幫助有限吧?
這個還要改程式碼,太麻煩了
等哪天有神人寫出「真‧正體中文版」
再來考慮裝裝看
--
話說這個留言版在Chmore中無法看到姓名等欄位
導致無法留言說 ❗
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的預設字體則是微軟正黑體囉。
這個我之前就知道了
但是我覺得用了中文很棒
可是感覺但是就是感覺 這方法有點鳥
如果以後 又要調整標籤 還要再做一次
但是 諾還是很厲害呢
我制作的版本可以不用嵌入字体,而且无论什么汉字都能够显示。最终文件大小为11kb。
缺点是不能支持动态的透明度,所以不如原来的好看
大家有时间可以过我那里看看
http://designeris.me
To 小笠
可以用諾在第十則提到的方式,檔案僅6.02KB且支援所有語系喔。 🙄
Vista跟Windows 7系統預設字體就是微軟正黑體所以可正常顯示沒影響。
缺點是Win XP使用者如果沒有微軟正黑體字型,看到的將是新細明體。
To darkromeo
連結點過去看不到網頁耶。@Q@
內嵌拿掉6.02KB這種方式有支援動態透明度唷。
這個真的很炫,我也依照教學將它加上去囉 ^^
不過主要是拿來展示啦。
謝謝囉 !
To 大鐵
客氣啦,一起開心玩轉部落格囉。XD
我的3D標籤雲搞了兩天都失敗 問題是出在哪?當我做到崁入中文字預覽甚麼都看不見呀
可以煩請大師指點 或幫我做個swf檔 我需求:日常生活美食中華職棒敗家品外拍手機撞球棒球偶像劇單車寵物裝飾品公仔教學文+英文大小寫+數字
To kimihu
重複的字只要出現一次即可。EX:撞球、棒球=撞球棒。
編譯時試著按「靠近鍵盤中間的Ctrl鍵 & Enter鍵」,我是這樣編譯的。^_^
如果還是不行,我再幫你做SWF檔。不過可能要等端午連假過後了,諾這幾天都不在。
請問按Ctrl鍵 & Enter鍵 出現的預覽視窗中會有中文字出現還是原本的英文?
另外swf如何存檔可以說明一下嗎?萬分感謝!!
To kimihu
預覽是英文的沒錯!
編譯完成後會在FLA檔同目錄下自動產生SWF檔,不需額外存檔唷。^_^
剛從147漆彈場回來,屁股好痛啊...
阿諾大師~我終於搞定啦 thanks你的協助~
有一個小問題想問一下就是若點到選單不是會變色嗎?
從哪調整呀...我的BLOGGER是黑色系~若以原設計一點就變黑色
那就看不到字啦^^"像你的會變藍色就很優~~~
To kimihu
痾...看來我太慢回了,你已經改好顏色了。XD
問個題外話
就是你的文章中,有些文句會出現一條線(黃色、紅色、藍色等等)
很好看耶!可能讓人知道重點在哪
不知道這個是如何實現的?可以分享一下嗎?謝謝。
To kozen
那個不是外掛唷,是文字飾圖(花姊命名的),可參考這篇;
或是花姊發表在WordPress歡樂正體中文交流所的這篇。
可以自己換喜歡的底線圖片,蠻方便的。^_^
第一條~~~~~~~~~~~~~ 第六條~~~~~~~~~~~~~
第二條~~~~~~~~~~~~~ 第七條~~~~~~~~~~~~~
第三條~~~~~~~~~~~~~ 第八條~~~~~~~~~~~~~
第四條~~~~~~~~~~~~~ 第九條~~~~~~~~~~~~~
第五條~~~~~~~~~~~~~ 第十條~~~~~~~~~~~~~
您好,請教一下您網頁上的cumulus是使用內嵌法還是內嵌拿掉法製作的呢?目前使用內嵌拿掉法製作出來的雖然體積很小,但是字體顏色不會依照遠近變化而改變深淺度,一律都變成單色的,看起來比較不美觀,請教是否有方法可以修改?謝謝^^
To loveclaire
諾這邊是用內嵌的方法實現的(42.14KB) 😳
遠近變深淺方面,因為WordPress後台有參數可以設定所以沒去多注意它。@@
太神奇了
我也好想用
可惜看不懂要怎麼弄@@
忘了問
一般的部落格是不是不能用呢?
像我是用痞客邦的
有辦法外掛嗎?
To 大仙
BSP平台的部落格就自行修改方面本身就是半殘的啊... ❗
自定義功能太弱,如果願意換成WordPress是個不錯的選擇。
阿諾,
我又來問問題了, 我將 format.font 換成『微軟正黑體』後,
再按下編譯,結果出來的預覽視窗中的 Flash 什麼都看不到,
丟上網站後也是什麼都看不到 >.<
改回『Arial』後, 再重新編輯, 就可以看到。
不知是什麼問題, 你有遇過類似的問題嗎 ?
另外, wp cumulus一放上側邊欄後, IE就會一直顯示錯誤訊息,
FireFOX就不會, 把wp cumulus從側邊欄拿掉後, 就又都正常 >..<
To 蘋果米
如果你用的是Win XP必須先下載微軟正黑體的字體喔,Vista或Win 7原本就有可以不用抓。
編譯時試著按「靠近鍵盤中間的Ctrl鍵 & Enter鍵」,我是這樣編譯的。^_^
IE有秀出什麼訊息嗎?我這邊用IE6、7、8來看都沒出現錯誤耶,檢查一下是否有其他外掛衝突到吧。^_^
我家沒有軟體ㄝ
有沒有人修改後傳給我
不能把常用的全都打上去嗎??
To shooter
你沒留下要用哪些字啊...
方法兩種:本篇使用的嵌入字體或第10則迴響提到的使用系統字型。
To vivi
諾將你留MSN的迴響移到悄悄話中了。 🙂
明早上班時諾再用MSN跟你連絡。^_^
太正點+太酷了...感謝老師的幫忙..我的部落格終於正點起來了..太感激了
很棒的一篇文章,
不過太麻煩的東西我還是不想用...
To 拍拍
諾用IE8測試有正確對應到標籤,用FireFox時則會找不到標籤!
估計是標籤的中文編碼問題,造成瀏覽器解讀不正確導致的!
Ex:心情 → %A4%DF%B1%A1
諾沒用過blogspot,可能要看一下有沒設定的地方或詢問一下blogspot的使用者了。
可以提供有支援SWF外連的網路空間...^^"
阿諾大你好
我一看到這篇教學就很興奮的來試試看
但是我照著作了,還是不成功耶
這是我的網址:aseblog.twbbs.org
我的中文還是出不來耶
我有嵌入用到的字,相同不重複
也有按 Ctrl+Enter 編譯 Swf
但沒反應...不知道為啥?
To Asecuber
Ctrl+Enter編譯SWF,成功的話會出現英文的預覽喔!
編譯時試著按「靠近鍵盤中間的Ctrl鍵 & Enter鍵」,我是這樣編譯的。^_^
你好,我想請問一下
當我滑鼠移到一個分類上時
該分類就會變成黑色並附上黑框
可是我blog底色是深色系
幾乎就看不見了
請問該怎麼解決呢
To Roger
如果你的部落格平台是WordPress的話就很簡單,直接至後台設定一下顏色即可。
如果是blogspot的話可能就更改CSS來改變顏色囉,詳細改法可以問第19則迴響的kimihu,它的就是深色佈景。^_^
请教一个问题,文字图示,图片文档应该放在哪个目录里才会被文章调用到?
To 叶子
放置於根目錄下任何自定義的資料夾都可以,重點是路徑指對就OK了。
阿諾,tagcloud.fla打開之後是空白的嗎?我下載之後,打開是空白的,是正確的嗎??
To peggy
FLA是原始檔,要用Flash CS 3或4來開啟喔。打開是有東西的。^_^
HI..阿諾:
我按照上述的方法做,但是在測試場景時,為何還是英文字呢???
還有在發布預覽時..會出現"無法開啟受保護的影片"..這是什麼問題呢??
不好意思..問題很多...><
Cool!!就是大了點,想辦法來壓小
To peggy
編譯好出現的Demo是正常的,至於「無法開啟受保護的影片」這個我沒遇過耶。
會不會是版本問題?Flash CS 3或4來開啟的嗎?!
To 網頁設計
採用免嵌入字體的話就只要6.02KB嚕,另外額外提供改良版的WP-Cumulus For Textcube也是不錯的選擇。^_^
hi!!阿諾大您好~這真是不錯的東西~~
我想問的是..有些字會擠在一起呢..比如一次3個疊在一起= ="
我是去國外下載的.他是彩色的.我好不容易改成白字體深底~
但是字體會擠在一起...???是很嚴重3層疊....有什麼方法嗎?
To ODIN
疊在一起?!是標籤太多嗎?! ❓
建議40~50個標籤是理想數字,太多反而容易眼花撩亂喔。
您好...我想請問這個有支援無名的嗎???我也好想用用看!!
請問我用FLASH CS6開啟檔案後
照步驟新增字元 BLABLA 都沒問題
CTRL+ENTER 也沒問題 有動畫
~
但一存檔後 (CS6只能存CS6、5.5、5的版本)
不管存哪個版本 CTRL+ENTER 就會一片空白
請問這正常嗎?
發表您的迴響(連結不含Nofollow)
近期迴響 咕狗搜尋 切換語言
敗家誌°社群
友好連結(輪播)
電子郵件訂閱
Histats計數器
贊助敗家誌°
迴響排行榜
標籤雲
ADSL Blog Domain Google GPS iPhone jQuery N82 Nokia Plugs SQL WordPress YouTube 串文 便宜貨 免費 公告 勸敗 地圖 工人舍 微軟 心得分享 感動 搞笑 敗家 更新 權限 正妹 正體中文 玩具 疊疊樂 知識 禮物 系統優化 純手工 網站資源 職場工作 虛擬主機 語法 資料庫 軟體分享 遊戲 金融 開箱文 電影
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
徽章。創用
隨機文章
視頻。精選 »
活躍文章(近期)
- 觀看次數:
- 觀看次數:
- 觀看次數:
熱門文章(全部)
- 觀看次數:
- 觀看次數:
- 觀看次數:
串聯貼紙