设为首页收藏本站

Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 6979|回复: 11

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

[复制链接]
发表于 2014-12-27 10:33:54 | 显示全部楼层 |阅读模式
本帖最后由 dicky57 于 2015-1-7 11:18 编辑

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

您可以到這個網址

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

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

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

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

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

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

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

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

1. DIY 方式實現

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

1.png

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

2.png



3.png

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


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

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

4.png



5.png

適用範圍:論壇每個頁面

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

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

6.png

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

7.png



8.png

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

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

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

內置
內置模式有三種樣式

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>
复制代码




9.png

10.png


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>
复制代码




11.png

12.png


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>
复制代码




13.png

14.png

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

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

  1. <div style="text-align:center">
复制代码


在您使用的代碼下方添加

  1. </div>
复制代码


原本沒有使用翻譯時

15.png

選擇英文翻譯時

16.png

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

评分

1

查看全部评分

发表于 2015-3-1 08:27:40 | 显示全部楼层
又看到dicky57了,編貼辛苦,感謝一直分享好教學 !!
回复

使用道具 举报

 楼主| 发表于 2015-3-31 21:43:13 | 显示全部楼层
c812948 发表于 2015-3-1 08:27
又看到dicky57了,編貼辛苦,感謝一直分享好教學 !!

謝謝您的回覆支持喔^^
回复

使用道具 举报

发表于 2015-4-22 00:13:24 | 显示全部楼层
dicky57 发表于 2015-3-31 21:43
謝謝您的回覆支持喔^^

是啊,好久没见你了啊

评分

1

查看全部评分

回复

使用道具 举报

 楼主| 发表于 2015-4-24 14:03:47 | 显示全部楼层
被雨淋湿的爱 发表于 2015-4-22 00:13
是啊,好久没见你了啊

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

使用道具 举报

发表于 2015-6-9 14:46:14 | 显示全部楼层
终于找到了,万分感谢! dicky57 在白忙之中来发教材,辛苦了!请问下,这多国语言,对DZ编码有什么要求吗,我目前的是GBK的,还有第三方插件和模版,可以使用吗?还是非的DZ默认的版本!再次期待你的解答.谢谢!
回复

使用道具 举报

 楼主| 发表于 2015-6-10 17:21:55 | 显示全部楼层
wk882008 发表于 2015-6-9 14:46
终于找到了,万分感谢! dicky57 在白忙之中来发教材,辛苦了!请问下,这多国语言,对DZ编码有什么要求吗 ...

嗯~
不好意思
現在才上線

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

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

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

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

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

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

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

使用道具 举报

发表于 2015-6-10 18:03:11 | 显示全部楼层
dicky57 发表于 2015-6-10 17:21
嗯~
不好意思
現在才上線

谢谢,我先试下,感谢你的解答!

评分

1

查看全部评分

回复

使用道具 举报

发表于 2015-6-10 18:24:33 | 显示全部楼层
dicky57 发表于 2015-6-10 17:21
嗯~
不好意思
現在才上線

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

使用道具 举报

发表于 2015-6-10 18:29:31 | 显示全部楼层
dicky57 发表于 2015-6-10 17:21
嗯~
不好意思
現在才上線

1.png 这个地址我也一直打不开,麻烦你加下QQ,或者我加你QQ,帮助下好吗?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|Comsenz ( 粤B2-20090059-165 )  

GMT+8, 2017-12-11 15:18

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表