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

phpBB-TW Knowledge Base
收集網友們在竹貓所發表的教學主題或文章,以利分享!
(僅供瀏覽,由版主群維護)

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

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

前言:

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

步驟:

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

舉例:
  • 目標:為您的 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
    google翻譯04.png (6.82 KiB) 被瀏覽 7706 次

後記:

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

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

--
資料來源:
http://218.161.28.134/phpBB3/viewtopic.php?f=77&t=1063
施比受有福,歡迎來信賜教,謝謝 & 再見!
祝福您 好運 ^_^
歡迎加入★★心靈捕手★★ :: 討論區!!
http://wang5555.hopto.org/phpBB3/
p.s. 奉老婆之命:在晚上十一點前,得關機睡覺!!!
頭像
心靈捕手
默默耕耘的老師
默默耕耘的老師
 
文章: 8563
註冊時間: 2004-04-30 01:54
來自: Taiwan

回到 教學文件庫

誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 1 位訪客

Partnership: phpBBHacks.com