值得學習網站

第四篇
TranslateThis 即時網站翻譯工具

適合程度: 初學者 一般程度 進階者 以上均宜
壹、報導前言:
有何辦法可簡單並快速實現,讓訪客不需自備任何翻譯工具,做到網站多國語言直接翻譯的功能?
以往我們會借助自備翻譯軟體或如 Google 的線上免費翻譯工具,逐字、逐段、逐篇去翻譯內容。
現在你不需要如此辛苦與麻煩!試試 TranslateThis 即時網站翻譯工具,讓你的網站也能輕鬆擁有。
TranslateThis 是一個免費翻譯工具,它透過 AJAX 和 Google 翻譯的 API 運作,實現這個願望。
非常簡單容易,你僅需在網站中加入一段他們提供的程式代碼,便可實現自動翻譯網站內容的功能。
TranslateThis 可以支援 52 種不同國家的語言,而且還有很多自訂項目,讓你可以自定所需功能。
TranslateThis 是一個輕量級的 JavaScript 翻譯工具,可置於網站上的任何地方,適用任何網站。
如果你用的是 WordPress 功能網站,它也提供了 WordPress 外掛程式給你套用,十分方便、實用。

貳、程式簡介:
程式名稱:即時網站翻譯工具(支援 52 種語言)。
網站位置:http://translateth.is/
使用語言:AJAX + Google API
WordPress 插件:http://translateth.is/wordpress
使用條款:http://translateth.is/tos
程式作者:喬恩拉希 (Jon Raasch's) 是一個前端 Web 程式員,他專業於 Javascript 優化。
作者部落格:http://jonraasch.com/blog/

參、使用教學:
進入 TranslateThis 網站,便可以直接測試翻譯按鈕,將滑鼠移動過去後就會出現翻譯選項。
如果覺得這些語言不夠多,點選 36 More Languages 便可展開完整的可供翻譯語言選單。
注意:原程式並未將繁體中文 Chinese(Trad.) 放在第一個下拉 16 種語言畫面,你必須點選下方 36 More Languages >> 語言選單。
常見問題:http://translateth.is/faq
程式文檔:http://translateth.is/docs

肆、取得程式代碼:
進入 TranslateThis 網站,找到複製並粘貼 (Copy and paste) 位置,按下複製本(Copy This),貼到你網頁的原始碼內。
不用懂程式,不用翻譯軟體,完全不用註冊或是付費,就這麼簡單大功告成!
取得程式代碼: Go

伍、修改程式代碼一:
TranslateThis 提供很多自訂項目,讓你可以自定特殊需要功能。
如:將按鈕置中並指定想要翻譯的語言(英文與簡體字) Go

陸、修改程式代碼二:
如:畫面文字改用中文顯示 Go

柒、修改程式代碼三:
如:改用指定自製按鈕 Go

捌、修改程式代碼四:
如:載入時彈出警告視窗 Go

玖、其他相關網站
在線即時網站翻譯功能已趨成熟,其中大都以 Google Translate 為發展中心,特為網友整理以下幾個不錯的網站 Go

拾、結論與建議: