【分享】如何讓網站變成多種語言翻譯 (繁和簡)

大家好
有些站長想讓自己的論壇能有多種語言的功能
我們知道網路世界是來自於四面八方的網友
而 Google 有免費的「網站翻譯工具」外掛程式
這個功能就能讓我們實現我們想要的功能

您可以到這個網址

https://translate.google.com/manager/website/

點擊右邊 立即新增至您的網站 按鈕

如果您沒有帳號的話
可以自己註冊一個帳號即可

目前有三種模式可以選擇使用
1. 內置
2. 標籤式
3. 自動

如果您不想註冊
或是某種原因不能註冊的話
以下提供我使用的代碼

您複製起來後台設置後也能使用
分享給有需要的站長們

另外樓主樓層第二頁提供簡體版本
方便其他站長閱讀^^

剛才提到的當您註冊後
按照步驟獲取代碼後
可以用三種方法來實現

1. DIY 方式實現

1) 首先拉一個框架 (按照您自己的需求)



2) 然後拉一個靜態模塊
    數據來源選擇 自定義HTML
    然後填入代碼即可



如



適用範圍：單個頁面
如果其他頁面也要的話
要再自行 DIY

2. 後台 其他頭部信息 方式實現

在後台其他頭部信息這裡直接填入代碼即可



如



適用範圍：論壇每個頁面

3. 後台 添加廣告 方式實現

1) 後台選擇您想要的投放方式



2) 展現方式選擇 HTML 代碼
    然後填入代碼即可



如



適用範圍：單個頁面或論壇每個頁面

模式有三種
選擇您喜歡的使用

這裡我們只介紹其中一種模式

內置
內置模式有三種樣式

1. 垂直樣式

1. <div id="google_translate_element"></div><script type="text/javascript">
   
2. function googleTranslateElementInit() {
   
3.   new google.translate.TranslateElement({pageLanguage: 'zh-TW', multilanguagePage: true}, 'google_translate_element');
   
4. }
   
5. </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

复制代码

如






2. 水平樣式

1. <div id="google_translate_element"></div><script type="text/javascript">
   
2. function googleTranslateElementInit() {
   
3.   new google.translate.TranslateElement({pageLanguage: 'zh-TW', layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL, multilanguagePage: true}, 'google_translate_element');
   
4. }
   
5. </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

复制代码

如






3. 僅顯示下拉式選單樣式

1. <div id="google_translate_element"></div><script type="text/javascript">
   
2. function googleTranslateElementInit() {
   
3.   new google.translate.TranslateElement({pageLanguage: 'zh-TW', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, multilanguagePage: true}, 'google_translate_element');
   
4. }
   
5. </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

复制代码

如





如果您是選擇
DIY 方式實現 (第一種方法)
後台其他頭部信息方式實現 (第二種方法)
默認添加代碼後會在左方顯示

如果您想要居中顯示的話
在您使用的代碼上方添加

1. <div style="text-align:center">

复制代码

在您使用的代碼下方添加

1. </div>

复制代码

原本沒有使用翻譯時



選擇英文翻譯時



最後還是建議您自己申請一個帳號使用
因為會有一個類似後台的頁面
可以隨時更換顯示樣式與管理

又看到dicky57了,編貼辛苦,感謝一直分享好教學 !!

c812948 发表于 2015-3-1 08:27
又看到dicky57了,編貼辛苦,感謝一直分享好教學 !!

謝謝您的回覆支持喔^^

dicky57 发表于 2015-3-31 21:43
謝謝您的回覆支持喔^^

是啊，好久没见你了啊

被雨淋湿的爱 发表于 2015-4-22 00:13
是啊，好久没见你了啊

嗯~
好久不見了
還有謝謝您的獎勵喔 O(∩_∩)O

终于找到了，万分感谢！ dicky57 在白忙之中来发教材，辛苦了！请问下，这多国语言，对DZ编码有什么要求吗，我目前的是GBK的，还有第三方插件和模版，可以使用吗？还是非的DZ默认的版本！再次期待你的解答.谢谢！

wk882008 发表于 2015-6-9 14:46
终于找到了，万分感谢！ dicky57 在白忙之中来发教材，辛苦了！请问下，这多国语言，对DZ编码有什么要求吗 ...

嗯~
不好意思
現在才上線

不客氣~
大家互相學習交流^^

這是比較簡單的方法
對論壇任何編碼都適用
對論壇任何版本應該也適用 (沒測試)

因為它是直接對網頁做翻譯
所以應該是沒問題才對

這個方法也算是比較綠色的方法
不用修改文件或是安裝插件就能實現

至於不是默認風格還有一些插件等
剛才有提到它是直接在網頁做翻譯
這些應該也不會有什麼問題才對

剛才測試了其它風格和插件
還是可以正常翻譯沒問題

還有謝謝您的回覆支持喔^^

dicky57 发表于 2015-6-10 17:21
嗯~
不好意思
現在才上線

谢谢，我先试下，感谢你的解答！

dicky57 发表于 2015-6-10 17:21
嗯~
不好意思
現在才上線

不知道是我操作不当还是怎么的，就一直在读取，显示不出来，能加我QQ137087877 帮助下吗，先谢谢了！

dicky57 发表于 2015-6-10 17:21
嗯~
不好意思
現在才上線

这个地址我也一直打不开，麻烦你加下QQ，或者我加你QQ，帮助下好吗？