為您的網站增添「Google 翻譯」功能

文章由 **心靈捕手** » 2011-08-03 09:59

前言：

新增 Google 的網站翻譯工具到您的網頁，即可隨時提供網頁的自動翻譯。目前，「Google 翻譯」是一個免費的自動翻譯，支援的翻譯語言有 57 種。詳細情形，可瀏覽其官方網站的解說。新增的方法，非常快速且方便。本文圖示其步驟，並且舉例說明之。

步驟：

瀏覽工具 - Google 翻譯網站。
取得代碼：
1. 翻譯元素的類型：預設為「為整個網頁增添翻譯內容」。
2. 選取您的網頁使用的語言：預設為「中文（繁體）」。
  
  google翻譯01.png (5.34 KiB) 已瀏覽 17723 次
3. 點選「顯示選用設定」：
  - 要翻譯的語言：預設為「所有語言」。可以改選「指定語言」，再勾選所需翻譯的語言。例如：中文（繁體）、中文（簡體）、英文。
  - 顯示方式：預設為「內置；垂直」。可以視需要選用，旁邊即可預覽。例如：內置；僅顯示下拉式清單。
  - 進階設定：預設為「自動為非使用您網頁語言的使用者顯示翻譯列」。可以視需要勾選。
4. 設定完成後，複製以下程式碼片段並貼到您的網頁。

舉例：

目標：為您的 phpBB3 論壇增添「Google 翻譯」功能。

修改：
--開啟--
styles/prosilver/template/overall_header.html

--找到--

代碼: 選擇全部

<li class="rightside"><a href="#" onclick="fontsizeup(); return false;" onkeypress="return fontsizeup(event);" class="fontsize" title="{L_CHANGE_FONT_SIZE}">{L_CHANGE_FONT_SIZE}</a></li>

--之前，增加--

代碼: 選擇全部

<li class="rightside"><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'zh-TW',
    includedLanguages: 'zh-TW,zh-CN,en',
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></li>

--儲存與關閉--

清除論壇快取。

展示：修改後的「Google 翻譯」表單如下圖。

google翻譯04.png (6.82 KiB) 已瀏覽 17723 次

後記：

基本上，這個「Google 翻譯」工具可以放置在您的網頁上的任何角落。
請依您的需要，自行調整其相關設定與位置。

個人會試用此工具於 phpBB3 論壇，全拜網友的提問與分享所賜，特此銘謝！
參考連結：
viewtopic.php?f=14&t=54178

--
資料來源：
http://wang5555.dnsfor.me/phpBB3/viewtopic.php?f=77&t=1063