WordPress多語言網站(WordPress網站實作多語言功能教學)

在全球化的電子商務環境下,打造一個能適應不同語言使用者需求的WordPress網站已成為許多企業的選擇。 WordPress的多語言開發,本質上是透過外掛程式擴展網站功能,使其能夠支援多種語言版本的內容展示。 WordPress的多語言實作通常依賴Multilingual插件,這是一種功能拓展形式,它透過呼叫翻譯API接口,將翻譯後的頁面內容儲存到網站的資料庫中。這些資料不僅包含不同語言版本的文字內容,還涉及與之相符的URL結構,以確保搜尋引擎和使用者能夠順利存取對應語言的頁面。值得注意的是,多語言網站的翻譯方式主要分為兩種:自動翻譯和人工翻譯。自動翻譯通常基於機器翻譯技術,借助翻譯API(如Google Translate、DeepL、百度翻譯等)快速產生不同語言版本的內容。這種方式效率高,適用於需要快速部署多語言頁面的情況。然而,對於內容品質要求較高的企業或品牌來說,僅依賴機器翻譯可能無法滿足精準表達的需求。因此,許多網站管理者會選擇人工翻譯的方式,借助多語言外掛程式的手動編輯功能,對關鍵頁面或重要內容進行精準調整,確保語言的專業性和可讀性。
WordPress多語言開發的整個過程並非一蹴可幾。在正式設定和啟用多語言功能之前,網站的頁面結構、功能模組、文字內容等都需要先完成。隨後,開發者可以根據需求選擇合適的多語言插件,如TranslateEasy、WPML、Polylang或TranslatePress等等,結合自動或手動翻譯的方式,為網站建立流暢的多語言體驗。 無論是跨境電商獨立站、國際品牌官網,還是面向全球市場的個人博客,多語言網站的建構不僅能拓展受眾範圍,還能增強品牌的國際影響力。在接下來的內容中,部落客將大家示範WordPress多語言開發的具體實現方法、外掛程式選擇、翻譯API的申請及網頁執行翻譯的實際操作,幫助大家深入理解WordPress網站多語言的技術實現原理並掌握實際的技術操作,順利打造符合目標市場需求的多語言網站。
本教學由淺入深地解說WordPress網站多語言功能的實作過程。部落客將從WordPress多語言翻譯外掛的選擇與使用入手,逐步深入,幫助大家掌握如何在WordPress網站上高效建立多語言頁面。 文章內容依照邏輯順序編排,每個章節都圍繞著特定主題展開,涵蓋外掛程式選擇、安裝、配置、頁面翻譯等關鍵環節。為了方便閱讀與查找,部落客特別在目錄部分內建了可點擊的錨定連結。只需點擊目錄中的相應標題,頁面即可平滑滾動至對應的內容位置,讓您能夠快速定位所需信息,提高學習和實踐的效率。 《WordPress網站多語言開發(WordPress網站實現多語言功能教學)》一文的目錄詳情如下:
- 選擇符合SEO規範的WordPress多語言翻譯插件
- 翻譯API介面申請
- 安裝並啟用TranslatePress翻譯插件
- TranslatePress的翻譯功能核心設定與翻譯API接入
- 執行頁面語言翻譯操作
一、選擇符合SEO規範的WordPress多語言翻譯插件

在WordPress網站上實現多語言功能時,選擇一款符合SEO規範的翻譯外掛程式至關重要。一個合適的外掛不僅能確保使用者順暢切換語言,還能讓搜尋引擎正確索引不同語言版本的內容,提升網站的全球可見度。同時,插件的選擇不僅影響使用者體驗,也直接決定了網站的SEO表現。一個符合SEO規範的多語言插件,應該能夠確保搜尋引擎準確識別和索引不同語言版本的頁面,並避免因內容重複或結構混亂而導致的排名下降。因此,在選擇外掛程式時,需要重點檢視其翻譯內容的儲存方式、URL結構、標籤優化、翻譯品質控制以及與SEO工具的兼容性,以確保網站的國際化發展能夠兼顧用戶體驗和搜尋引擎優化。
1、WordPress多語言翻譯外掛的SEO規範要求
(1)翻譯內容的儲存方式
插件應將翻譯後的內容儲存到資料庫中,而非僅依賴JavaScript進行動態翻譯。這樣搜尋引擎才能正常抓取和索引各語言頁面,提高網站在不同語言搜尋結果中的排名。
(2)獨立URL結構
多语言插件应支持为不同语言创建独立的URL,例如使用子目录(example.com/en/)、子域名(en.example.com)或不同域名(example.fr)。这不仅有助于搜索引擎区分不同语言版本的页面,还能提升SEO效果,使用戶更容易透過本地化搜尋找到網站。
(3)HTML lang標籤
正确设置 <html lang="”en”"> 等 lang 标签,有助于搜索引擎和浏览器识别页面的语言信息,使其更精准地匹配用户的搜索意图,同时优化跨语言搜索体验。
(4)hreflang標籤
插件應支援在 head區塊內添加hreflang標籤,明確指示不同語言版本的對應關係,避免因內容相似而導致的重複內容問題。同時,hreflang 也能幫助搜尋引擎將使用者引導至符合其語言偏好的頁面,提升國際化SEO表現。
(5)自動或手動翻譯相容性
插件應提供手動編輯翻譯的選項,而不僅依賴機器翻譯,以確保翻譯品質達到SEO標準。高品質的翻譯內容不僅能增強使用者體驗,還能讓頁面在搜尋引擎中獲得更高的權重。
(6)Canonical 規範化鏈接
在多語言網站中,不同語言版本的頁面可能有內容相似的問題。因此,插件應支援為每個頁面設置canonical標籤,以避免重複內容影響網站權重,確保搜尋引擎能夠正確索引和排名。
(7)Sitemap 支持
一個優秀的多語言外掛程式應能自動產生支援多語言的sitemap.xml,使搜尋引擎能夠快速發現並索引所有語言版本的頁面,從而提升網站的整體SEO表現。
2、符合SEO規範的WordPress多語言翻譯外掛程式列表
(1)TranslateEasy
TranslateEasy是邏輯思數位科技於2024年研發的一款專為WordPress設計的多語言支援插件。在專案策劃之初,開發團隊便充分考慮到了SEO規範標準,針對傳統翻譯插件常見的SEO問題進行了優化,尤其是解決了搜尋引擎難以準確辨別不同語言頁面的痛點。透過合理的URL結構設計和優化標籤管理,TranslateEasy確保了多語言內容能夠被搜尋引擎正確索引,提高了網站的全球可見度。在功能方面,TranslateEasy支援多種翻譯API的存取需求,是WordPress生態系統中提供了最多的翻譯API介面選擇的多語言支援插件,極大提升了插件的兼容性和可擴充性。除了提供精準的文字翻譯,外掛程式還注重使用者體驗優化,確保不僅是頁面中的內容,連按鈕文字等細節部分都能準確翻譯。同時,語言切換器的佈局和樣式設計也極具彈性,使用者可以根據自身網站的需求進行選擇,讓多語言切換更加直覺方便。
儘管TranslateEasy在Google搜尋結果頁面(SERP)中,“WordPress多語言插件」這個核心關鍵字的排名長期穩定在首頁靠前的位置,但該插件並未進行大規模市場推廣。由於邏輯思數位科技的業務和產品結構優先事項考量,TranslateEasy的推廣力度較為有限,更多時候只是作為公司客戶開發專案中的內建外掛程式進行搭載使用。然而,即便缺乏大規模的行銷投入,憑藉其最佳的程式設計專案中的內建外掛程式進行搭載使用。然而,即便缺乏大規模的行銷投入,憑藉其出色的語言應用程式設計能力和卓越的用戶功能。
(2)TranslatePress
TranslatePress是一款功能強大的WordPress多語言插件,它以直觀易用的翻譯介面和卓越的SEO優化能力受到廣大網站管理員的青睞。作為一個致力於提升網站國際化能力的插件,TranslatePress能夠幫助用戶輕鬆地將WordPress網站轉換為多語言版本,確保不同國家和地區的訪客都能順暢地存取網站內容。在功能方面,TranslatePress支援前端視覺化翻譯,使用者無需進入背景複雜的設定介面,即可在頁面上直接編輯和修改文字翻譯。這種所見即所得的翻譯方式大大降低了使用門檻,使得即使是非技術人員也能輕鬆操作。此外,插件相容於多種第三方翻譯API,如Google Translate和DeepL,能夠自動翻譯網站內容,並提供手動編輯功能,以確保翻譯的精確度。
TranslatePress也允許對URL進行在地化,使搜尋引擎能夠正確索引不同語言的頁面,提高網站的SEO排名。從使用者價值角度來看,TranslatePress幫助網站管理員以最低的成本和最高的效率實現多語言支持,打破語言障礙,擴大國際市場覆蓋範圍。 TranslatePress適用於跨境電商、企業官網、部落格和線上教育平台等多種類型的網站。此外,TranslatePress的兼容性極強,與Elementor、WooCommerce等主流WordPress外掛程式良好相容,確保網站的多語言功能可以無縫整合到現有的業務流程中。
(3)WPML
WPML(WordPress Multilingual Plugin)是一款成熟且功能強大的WordPress多語言插件,廣泛應用於企業官網、跨境電商、內容型網站等多種類型的網站。作為WordPress生態中最知名的多語言解決方案之一,WPML不僅具備全面的翻譯功能,還能確保網站的SEO優化,幫助用戶拓展全球市場,提升國際訪問量與轉換率。在功能特點方面,WPML提供了完整的多語言管理系統,支援手動翻譯、自動翻譯以及與專業翻譯服務的對接。使用者可根據需求靈活選擇翻譯方式,並透過WPML的翻譯管理工具有效率地組織和分配翻譯任務。此外,WPML能夠實現深度的URL本地化,為不同語言創建獨立的URL結構,從而確保搜尋引擎可以正確索引每個語言版本的頁面,提高SEO排名。該外掛程式也支援多語言電子商務,與WooCommerce整合後,可實現產品、購物流程、郵件通知等全方位的翻譯,幫助跨境電商網站順暢運作。
在相容性方面,WPML表現出色,與大多數主流WordPress主題和外掛程式相容,包括Elementor、Divi、Yoast SEO、Advanced Custom Fields(ACF)等。無論是自訂欄位、短程式碼,或是頁面建立器的動態內容,WPML都能提供穩定的翻譯支援。此外,該外掛程式還支援多站點模式,適用於大型企業或機構需要在不同子站點管理多語言內容的場景。對於使用者而言,WPML的價值不僅在於其強大的翻譯和SEO功能,更在於它能夠提供長期穩定的多語言解決方案。對於需要長期營運的企業或內容型網站,WPML可以確保翻譯內容的可控性、資料的完整性以及良好的使用者體驗。儘管WPML是付費插件,但其強大的功能、持續的技術支援以及廣泛的兼容性,使其成為追求高品質多語言網站的選擇方案。
(4)Weglot
Weglot是一款高效且智慧的WordPress多語言插件,專注於為網站提供快速、精準的翻譯解決方案。它以簡單易用、自動化翻譯和SEO友好著稱,尤其適合需要快速部署多語言支援的企業、部落格和電商網站。 Weglot透過雲端翻譯技術,讓使用者無需複雜的配置,即可一鍵實現網站的多語言切換,大大降低了技術門檻,使非開發人員也能輕鬆管理網站的翻譯內容。在功能特點方面,Weglot採用自動翻譯與人工編輯相結合的方式,預設使用AI自動翻譯來快速完成多語言版本的創建,同時提供翻譯管理介面,方便使用者對翻譯內容進行最佳化和調整。它支援超過100種語言,並且能夠自動偵測使用者的瀏覽器語言,提供個人化的語言切換體驗。
此外,Weglot支援翻譯網站的所有元素,包括文字、按鈕、選單、動態內容、SEO元資料等,確保整個網站的多語言版本一致且完整。最重要的是,Weglot符合SEO最佳實踐,它會為每種語言版本產生獨立的URL,並透過自動添加hreflang標籤,幫助搜尋引擎正確索引不同語言的頁面,從而提升網站在全球市場的可見度。在相容性方面,Weglot展現出了極高的適配性。它能夠與所有WordPress主題和插件無縫集成,無論是Elementor、Divi等頁面建立器,還是WooCommerce、Yoast SEO等熱門插件,Weglot都能提供穩定的翻譯支援。此外,由於Weglot是基於雲端運行的,它不會影響WordPress網站的載入速度,也不會增加伺服器負擔,從而確保網站的效能穩定。對使用者而言,Weglot的最大價值在於其便利性和高效性。
(5)Polylang
Polylang是一款廣受歡迎的WordPress多語言插件,以其靈活性和高效性受到眾多網站管理員的青睞。它能夠幫助用戶輕鬆創建多語言網站,使不同語言的內容保持清晰的結構,同時不影響網站的效能。 Polylang適用於企業官網、部落格、電子商務網站等各種類型的站點,提供了手動翻譯的方式,讓使用者可以完全掌控翻譯內容,從而確保每種語言版本的準確性和一致性。在功能特點方面,Polylang允許使用者為網站的文章、頁面、自訂文章類型、分類、標籤、選單、小工具等內容建立多個語言版本。使用者可以自由選擇每種內容的翻譯方式,既可以手動輸入翻譯,也可以配合第三方翻譯服務進行輔助。 Polylang支援為不同語言建立獨立的URL結構,並自動新增hreflang標籤,優化SEO,使搜尋引擎能夠正確索引和識別不同語言的頁面。此外,插件提供直覺的語言切換選項,訪客可以透過選單或小工具選擇自己偏好的語言,而不會影響網站的使用者體驗。
Polylang在相容性方面表現優異,能夠與大多數WordPress主題和外掛程式搭配使用。例如,它可以與流行的SEO外掛程式如Yoast SEO相容,確保網站的多語言版本不會影響SEO優化。此外,Polylang也能夠支援WooCommerce等電子商務插件,但需要搭配Polylang for WooCommerce(付費擴充)才能完整支援商品翻譯、購物車同步等功能。對於使用Elementor、Divi等頁面建立器的用戶,Polylang同樣能夠無縫集成,使網站的翻譯管理變得更加便利。
二、翻譯API介面申請

翻譯API介面是網站實現多語言自動翻譯的重要技術手段,它透過呼叫雲端翻譯服務,將網站的文字內容轉換為目標語言,從而實現不同語言版本的內容呈現。其運作原理基於機器翻譯技術,當網站需要翻譯某段文字時,會透過API請求將該文字傳送到翻譯服務提供者的伺服器,伺服器經過語意分析、機器學習演算法處理後,傳回對應的翻譯結果,最終在網站上顯示使用者所選的語言版本。這個過程是即時完成的,確保了內容可以快速切換到目標語言。但不同的翻譯API介面在翻譯品質、支援語言數量以及優化程度上有所不同。
申請翻譯API介面的流程通常包括註冊帳號、建立API金鑰、設定呼叫權限等步驟。以Google Translate API為例,使用者首先需要在Google Cloud平台上註冊帳號,然後進入API管理介面啟用Google Cloud Translation API。接下來,需要建立一個專案並產生API金鑰,該金鑰用於身份驗證,以便網站能夠呼叫翻譯服務。類似地,DeepL和百度翻譯需要在各自的平台上註冊,並建立一個訂閱以獲取API金鑰,而DeepL API則需要註冊DeepL帳戶,並根據需求選擇免費或付費方案,以獲得相應的API金鑰。 Google Translate 、DeepL和百度翻譯這三家翻譯介面供應商是部落客常用的翻譯介面供應商,以下部落客為大家介紹這三家翻譯介面供應商的申請註冊開通流程。
1、Google翻譯介面申請

申請Google Translate API介面的第一步是確保您擁有一個Google帳號,因為Google Cloud的所有服務都需要透過Google帳號進行身份驗證和管理。如果您尚未註冊Google帳號,可以參考邏輯思數位科技官網“獨立站教學和獨立站工具」目錄下的《Google信箱註冊教學》一文,按照其中的詳細步驟完成Gmail的註冊。完成帳號註冊後,您便可以繼續申請Google Translate API的流程。接下來,使用您的Google帳號登入Google Cloud平台,這是Google提供的雲端開發和管理平台。在Google 帳號中,先是建立一個新專案的項目,因為API1 選擇計畫專案建立成功後,在Google Cloud控制台的左側導覽列中,找到“API和服務”選項,並進入“API庫”。
啟用API後,下一步是取得API金鑰,以便您的網站或應用程式可以透過該金鑰存取翻譯服務。在Google Cloud控制台的“API和服務”部分,找到“憑證”選項,點擊“建立憑證”,選擇“API金鑰”。系統將自動產生一串唯一的金鑰,這是您呼叫Google Translate API時必須提供的身份驗證資訊。為了提高安全性,建議對API金鑰進行存取權限設置,例如限制來源IP或特定的Web應用,以防止未經授權的呼叫。 API金鑰產生後,您就可以在WordPress網站的外掛程式中整合Google Translate API,實現自動翻譯功能。
2、DeepL翻譯介面申請

申請DeepL的翻譯API接口,首先需要訪問DeepL官网並註冊一個帳號。如果您尚未擁有DeepL帳戶,可以在官網的註冊頁面填寫基本信息,例如郵箱地址和密碼,完成註冊後需要進行郵箱驗證。成功驗證後,使用您的帳號登入DeepL平台,以便後續申請API介面。登入後,在DeepL官網的導覽列中找到“產品”選單,並在下拉清單中選擇“DeepL API」。進入DeepL API的專屬頁面後,您需要根據自身的需求選擇適合的計劃。DeepL提供免費計劃和付費計劃兩種選項,其中免費計劃允許每月進行一定額度的翻譯,而付費計劃則提供更高的使用限制和額外的功能,如更快的響應速度、支持更大規模的文本翻譯以及自定義術語表等。根據您的需求,
與其他API介面申請流程不同,DeepL API在申請過程中要求綁定一張支援雙幣支付的信用卡。即使選擇免費計劃,也需要提供信用卡資訊以完成身份驗證,並作為超出免費使用額度後的付款方式。在填寫信用卡資訊時,需要確保卡片支援國際支付,且卡片資訊準確無誤,以避免驗證失敗。在完成信用卡綁定後,DeepL將進行小額扣款驗證(通常是可退款的驗證金額),一旦驗證成功,您的API帳號便正式啟動。 API帳號啟動後,您可以在DeepL API管理頁面中取得專屬的API金鑰。此金鑰是呼叫DeepL翻譯服務的唯一身分憑證,建議妥善保存並避免洩露,以防未經授權的存取。接下來,您可以在自己的網站、應用程式或外掛程式中整合DeepL API,實現自動翻譯功能。整個申請流程雖然涉及註冊、信用卡驗證和密鑰獲取等步驟,但完成後,DeepL API將為您的網站或應用程式提供高品質的機器翻譯支持,助力您的內容更精準地適應不同語言的用戶需求。
3.百度翻譯介面申請

百度翻譯的API介面是專為國內營運的網站提供的多語言機器翻譯解決方案,能夠協助網站自動翻譯內容,以適應不同語言使用者的存取需求。然而,對於外貿站或跨境電商網站而言,由於百度翻譯的伺服器主要部署在國內,跨境存取時可能會受到網路延遲的影響,導致翻譯資料無法即時回饋。因此,在選擇翻譯API服務時,需要綜合考慮網站的伺服器部署位置以及存取群體的地理分佈,以確保翻譯功能的穩定性和效率。申請百度翻譯的API接口,首先需要訪問百度翻譯開放平台,進入官網後,需要註冊一個百度翻譯開發者帳號。如果已經擁有百度帳號,可以直接登錄,無需額外註冊。
完成帳號註冊或登入後,進入百度翻譯開放平台的管理後台,接下來需要選擇合適的API版本。百度翻譯提供多種版本的API服務,其中「企業認證尊享版」是較為推薦的選擇,該版本每月可免費翻譯200萬字符,適用於中小型網站的多語言翻譯需求。在確定API版本後,使用者需要提交申請,並按照頁面提示填寫必要的信息,如網站或應用的名稱、使用場景、預計調用量等。申請提交後,百度翻譯平台會對申請進行審核,通常審核週期為1-2個工作天。在審核通過後,開發者即可在後台取得API金鑰(AppID和金鑰),這些憑證是呼叫百度翻譯API的必要參數。取得API金鑰後,使用者可以在網站或應用程式中整合百度翻譯API。對於WordPress網站,可以在支援百度翻譯的多語言外掛程式的API設定中輸入金鑰,實現自動翻譯功能。百度翻譯API的優勢在於其適用於國內網站,提供了穩定的翻譯服務,同時支援多種語言和術語客製化。如果您的網站主要面向國內用戶,或希望降低國際翻譯API的存取成本,百度翻譯API是一個不錯的選擇。
三、安裝並啟用TranslatePress翻譯插件

1、安裝TranslatePress外掛程式

依照上圖紅框標註的三個步驟依序操作,進入WordPress的「安裝新外掛」介面。在彈出的檔案選擇視窗中,找到並選取TranslatePress的ZIP安裝包,然後上傳並執行安裝過程。
2、啟用TranslatePress外掛程式

執行完上述的安裝TranslatePress外掛程式之後,安裝新外掛程式的操作區域將跳到如上圖所示的介面,介面上提示我們外掛程式已經成功安裝,我們只需要點擊操作介面上的「啟用外掛程式」(如上圖紅框標註的位置)按鈕,即可正式啟用TranslatePress外掛。
四、TranslatePress的翻譯功能核心設定與翻譯API接入

當TranslatePress外掛程式成功安裝並啟用後,WordPress管理後台左側工具列的「設定」功能表下將新增「TranslatePress」選項。點擊該鏈接,即可進入插件的設定介面,如上圖所示。接下來,部落客將為大家介紹TranslatePress在正常使用中的核心功能設定。這些核心功能的正確配置是確保TranslatePress能夠順利運作的關鍵,只有完成必要的設置,才能發揮其多語言翻譯的作用。
1.TranslatePress的核心功能設置
(1)預設語言(Default Language)設定

上圖中標註出來的位置,便是TranslatePress的“預設語言(Default Language)設定項,TranslatePress核心功能設定中,首先需要確定“預設語言(Default此外,Default Language)”,這決定了網站的主要語言,即使用者造訪網站時最先載入的語言版本。
(2)所有語言(All Languages)設置

上圖紅框標註的區域即為TranslatePress外掛中「所有語言(All Languages)」的設定介面,此功能用於新增和管理網站支援的翻譯語言。在此設定中,使用者可以自由選擇需要翻譯的網站語言,並根據實際需求啟用或停用特定語種。所有在該選項中新增的語言都會顯示在語言切換器中,當訪客點擊切換器上的某個語言選項時,頁面將自動跳到對應的語言版本URL,並正確呈現該語種的內容。 TranslatePress支援多種語言,網站管理員可以根據目標市場的需求配置合適的語言組合,從而拓展網站的國際化覆蓋範圍,提升全球用戶的訪問體驗。
(3)預設語言是否使用子目錄(Use a subdirectory for the default language)設定

TranslatePress的“預設語言是否使用子目錄(Use a subdirectory for the default language)”一項的預設設定是為“否”,即不開啟的狀態。啟用此選項後,預設語言的頁面URL將帶有相應的子目錄(例如,網站的預設語言是英文版本,URL將以/en/的形式存在)。如果不啟用,預設語言的頁面將直接顯示在主網域下,而翻譯後的語言版本則使用特定的子目錄。
(4)語言切換器(Language Switcher)設置

「語言切換器(Language Switcher)」功能可讓使用者在前端切換網站語言。 TranslatePress提供多種語言切換器樣式,包括選單列、側邊欄小工具或短代碼形式,我們可以根據網站的佈局和使用者體驗需求選擇合適的語言切換方式。這項功能使訪客能夠快速切換到自己熟悉的語言進行瀏覽。最後,以上所有的設定操作完畢後,別忘了點選頁面底部的「Save Changes」按鈕儲存目前的設定操作。
2.TranslatePress的API存取操作方法
(1)TranslatePress的API存取步驟一:開啟自動翻譯功能

開啟TranslatePress自動翻譯功能的操作是,在TranslatePress的設定介面點擊如上圖紅框標註所示的「Automatic Translation(自動翻譯)」選項卡,在「Automatic Translation」標籤的設定操作介面(如上圖所示的介面)點開啟「Enable Automatic Translation」的選單,在設定操作介面(如上圖所示的介面)點開啟「Enable Automatic Translation」的選單,在功能中
(2)TranslatePress的API存取步驟二:選擇翻譯API介面類型

當「Automatic Translation(自動翻譯)」開啟後,自動翻譯的設定介面就會如上圖所示,出現了一系列的設定項,其中上圖紅框標註出來的位置,即「Alternative Engines(替代引擎)」便是使用我們取得的Google Translate或DeepL的翻譯介面入口,點選「Alternative Engines」
(3)TranslatePress的API存取步驟三:輸入翻譯API介面的金鑰並測試

上圖中紅框標註的兩個區域分別對應TranslatePress外掛程式中翻譯API(翻譯引擎)的選擇和API金鑰的輸入設定。下方紅框標註的位置是翻譯API的選擇框,使用者可以在「Alternative Engines」右側的下拉式選單中選擇所需的翻譯引擎,如Google Translate或DeepL。當我們選擇特定的翻譯引擎後,上方紅框標註的區域會自動顯示對應的API金鑰輸入框。在此輸入框中,使用者需要將取得到的翻譯API金鑰複製並貼上進去,然後點選「Test API credentials」按鈕進行連線測試。如果未出現錯誤提示,則表示翻譯API已成功接入,TranslatePress將能夠在前端翻譯介面中正常啟用自動翻譯功能,使網站內容的翻譯更加有效率。
五、執行頁面語言翻譯操作

TranslatePress的翻譯操作方式與其他同類型的翻譯外掛程式有所不同,它採用的是前端視覺化編輯模式,使用戶能夠直接在前端頁面中進行翻譯編輯。這種模式不僅提升了操作的直覺性,還讓使用者可以即時預覽翻譯後的頁面效果,無需頻繁切換到背景進行設定。正因如此,TranslatePress的這項功能成為了它的亮點之一。對於熟悉Elementor編輯器的使用者來說,TranslatePress的翻譯模式上手非常輕鬆,因為它的操作邏輯與許多視覺化頁面編輯工具相似。進入TranslatePress的翻譯編輯介面後,整個頁面分為左右兩個主要區域。左側是編輯功能參數的設定區域,大家可以在這裡調整翻譯相關的設置,例如語言選擇、翻譯來源等;右側則是頁面內容或元素的編輯區域,所有可翻譯的文本內容都會在這裡直觀地呈現。
我們只需點擊頁面上的特定文字或元素,左側的編輯區域就會自動顯示該內容的翻譯輸入框,在對應的輸入框中輸入目標語言的翻譯文字後,即可即時預覽翻譯效果。如果需要調整翻譯內容,也可以隨時回傳修改,讓整個翻譯流程更加流暢有效率。此外,TranslatePress的前端翻譯模式支援即時保存,無需擔心因誤操作而遺失翻譯資料。正是這種高度視覺化的互動體驗,使得TranslatePress在多語言網站的翻譯工作中提供了極大的便利。
1.進入TranslatePress編輯模式的操作路徑

上圖紅框標註所示的便是進入TranslatePress頁面編輯模式的操作路徑,操作十分簡單,如同在頁面上進入WordPress網站後台和Elementor編輯模式一樣,只需點擊當前頁面頂部的WordPress管理工具列的「翻譯頁面」按鈕即可進入到TranslatePress的頁面編輯模式下進行翻譯的工作。
2、TranslatePress翻譯操作方法

TranslatePress翻譯模式的工作介面如上圖所示,它採用直覺的前端視覺化編輯方式,使用戶可以直接在頁面上進行翻譯操作。在實際操作中,當需要翻譯某個文本內容時,只需在右側的頁面預覽區域中點擊目標文本,TranslatePress便會自動識別該內容並在左側的翻譯編輯框中顯示其原文。使用者只需在輸入框內鍵入對應語言的翻譯文本,並點擊儲存或更新按鈕,即可完成翻譯修改。整個流程類似於視覺化頁面編輯器,讓翻譯工作變得直覺、簡潔,即便是初次使用的使用者也能快速上手。此外,TranslatePress的即時預覽功能讓使用者能夠即時查看翻譯效果,確保譯文在頁面上的顯示符合實際需求,而不會影響頁面的整體排版。對於包含多個語言版本的網站而言,這種前端翻譯模式不僅提升了翻譯的便利性,還有效降低了維護成本,使WordPress網站的多語言管理變得更有效率。
結語:透過此篇WordPress教學的詳細講解,相信大家已經對WordPress網站的多語言開發有了全面的了解。從選擇合適的多語言插件,到配置翻譯API接口,再到具體的翻譯編輯操作,每一個環節都至關重要。在眾多的多語言外掛程式中,TranslatePress憑藉著前端視覺化翻譯模式,讓使用者能直覺地在頁面上完成翻譯,讓整個翻譯流程更有效率、更流暢。無論是網站預設語言的設定、語言切換器的配置,還是翻譯API的接入,TranslatePress都提供了靈活的功能,以適應不同類型的網站需求。對於希望拓展海外市場的企業和個人而言,一個具備多語言功能的網站無疑能夠提升品牌的國際影響力,增強使用者體驗,並提升網站的SEO表現。透過百度翻譯、Google Translate、DeepL等翻譯API,我們可以有效率地實現自動翻譯,從而降低人工翻譯的成本,並加快網站的多語言部署。儘管不同的翻譯API在功能和精確度上有所區別,但合理選擇並結合TranslatePress的翻譯編輯模式,可以確保網站在不同語言環境下的內容品質和可讀性。
最後,閱讀到此的讀者,如果你的時間比較寶貴,學習和技術實踐的時間成本較大且無意深入從事技術方面的學習和實操。閱讀此文只是想了解WordPress網站多語言功能開發的技術實現操作,並不准備親自動手完成這一技術過程,理解專業的事情交給專業的人來做,需要邏輯思數字科技專業上的WordPress建站以及技術開發服務,歡迎聯絡邏輯思數字科技團隊,委託我們來完成WordPress多語言網站的開發。
本文由邏輯思數字科技(SZLOGIC)版权所有,歡迎個人分享學習。未經授權,嚴禁將本文用於任何商業用途或轉載。