將 WPML 語言切換器添加到菜單並獲得最佳 2023 新需求

已發表: 2022-12-28

將 WPML 語言切換器添加到菜單是擁有多語言 WordPress 網站的第一步。

您應該關注網站的多語言化。 它是原始版本,在千禧年之初就已經可用,遠早於 WPML WordPress 3.0 甚至公開。

在全球擁有超過一百萬用戶的一個非常受歡迎。

使用 Electronic Translation,答案是肯定的,因為WordPress WPML 語言切換器是 WordPress 生態系統的基礎多語言插件。 但它是您可以在您的網站上使用的插件嗎? 這篇對最近引起廣泛關注的插件的深入分析將教會你這一點。

目錄

如何將 WPML 語言切換器添加到WordPress中的菜單

將 WPML 語言切換器添加到菜單的 6 步說明

完成後,嚮導將幫助您配置初始設置,我們將在下面詳細介紹。

step 1 to add wpml language switcher to menu

從菜單中選擇“配置 WPML”以開始使用。

第 1 步:選擇您網站的語言

當您將 WPML 語言切換器添加到您網站的菜單時,您必須為其選擇默認語言以及您想要支持的語言。

大約有 60 種語言可用,從英語到西班牙語,包括威爾士語和蓋丘亞語。

此外, WordPress WPML 語言切換器允許訪問加泰羅尼亞語和加利西亞語等地區語言。

如果尚未做出選擇,用戶當然可以稍後添加或刪除語言。

對於此測試,該網站已被翻譯成法語和西班牙語。

step 1 to add wpml language switcher to menu

第 2 步:選擇 URL 的格式。

自動翻譯 WPML 提供了三個選項:

  • 目錄中有多種語言。 例如,businesswebsite.com/fr/ 是法文版,businesswebsite.com/en/ 是英文版。
  • 每種語言的獨特區域。 例如,法文版為 Businesswebsite.fr,英文版為 Mysite.com
  • 當您將 WPML 語言切換器添加到菜單時,語言的名稱將作為參數添加。 使用 Businesswebsite.com?lang=en 獲取英文。
step 2 to add wpml language switcher to menu

您選擇哪種結構取決於您正在處理的任務和您的要求。 例如,Kiera 決定根據英文版 WPMarmite 的目錄名稱啟動 URL 結構,格式如下:https://wpmarmite.com/en/。 保留語言斜杠,他保留了主域名。

根據 WPML 翻譯管理,“目錄中的不同語言”選項要求“您站點的永久鏈接結構與默認結構不同”(儘管您可能已經設置了該選項)。

在這種情況下,我們建議從“設置”>“永久鏈接”菜單中選擇“帖子名稱”。

如果您決定更改永久鏈接的結構,請謹慎行事。 它旨在在設置 WordPress 後立即完成。 URL 的格式已更改,因此如果您稍後在將 WPML 語言切換器添加到菜單後執行此操作,您的內容將需要轉移並且您的訪問者將收到 404 錯誤。

閱讀更多: WordPress 插件:電子學習網站的 LearnPress 附加組件

第 3 步:註冊 WPML

要接收插件的自動更新,您現在必須註冊您的許可證密鑰,這通常是個好主意,尤其是出於安全原因。

step 3 to add wpml language switcher to menu

第 4 步:選擇翻譯模式。

在第四步中,您必須首先選擇您將如何翻譯您的網站:要么自動翻譯所有內容。

  • 如果您不想翻譯整個網站內容,您也可以翻譯特定的網站內容。
  • 然後,內容可以由您、充當翻譯的其他用戶或您認為合適的專業翻譯服務進行翻譯。

自然地,此時您的任何選擇都不具有法律約束力。

step 4 a to add wpml language switcher to menu

將 WPML 語言切換器添加到菜單後,您可以稍後更改任何您想要的內容。 如果不確定,請保持設置不變。

第五步:建立技術支持體系

WPML 現在要求您指明是否要“發送您網站上當前使用的插件和主題的列表”,以便“更快地幫助您”,“解決潛在的兼容性問題”。

如果它適用於您,您可以使用它來選擇最佳選項。

step 5 a to add wpml language switcher to menu

第 6 步:啟用任何 WPML 擴展。

該公司建議激活一些 WPML 附加組件以“翻譯字符串、管理文本、媒體等”。

step 6 a to add wpml language switcher to menu

完成後,這個出色的插件會引導您進入 WordPress 管理界面中的“翻譯管理”下拉列表。

您可以在這裡開始您的第一份翻譯工作。 管理界面左側的導航欄還有其他子菜單(它們的數量也取決於您安裝的此插件的模塊,因此對您來說可能會有所不同)。 以下是對它們的簡要概述。

將 WPML 語言切換器添加到菜單後,您可以隨時輕鬆卸載 WPML,沒有任何麻煩或困難。

將 WPML 語言切換器添加到菜單後,如何在 WordPress 上使用 WPML 插件

將 WPML 語言切換器添加到菜單後,如何使用 WPML 添加和編輯語言?

WordPress WPML Language Switcher由各種模塊組成。 您可以通過多種方式管理和翻譯您網站的內容。 在本文中,我們將手動創建其他語言的頁面和帖子。

此外,您可以手動創建其他語言的頁面和帖子。 本節將引導您完成簡單的翻譯過程,並演示如何以各種語言更改您的帖子。

通常在配置階段將一種或多種語言添加到插件的翻譯列表中。 如果您改變主意,可以通過單擊“站點語言”鏈接或 WPML > 語言菜單項來添加或刪除語言。

how to use wpml to add and edit a language after you add wpml language switcher to menu

您可以通過選擇“添加/刪除語言”按鈕從 WPML 提供的大約 60 種默認語言中進行選擇。

通過選擇“編輯語言”,如果缺少您想要的語言,您可以手動將WPML 添加語言設為一種語言。 選擇右上角的“添加語言”,然後輸入必要的數據。

how to use wpml to add and edit a language after you add wpml language switcher to menu

您會注意到您可以對其中一些採取行動,包括:

  • code是指定語言的值。 例如,英文為“en”,法文為“fr”。
  • 翻譯,或訪問者將如何獲得當前語言 WPML
  • 您可以選擇添加唯一標誌或使用 WPML 預先選擇的標誌。
  • 語言的地域特徵
  • 編碼的 URL 。 如果您不確定,我建議您按照 WPML 的建議保留默認設置“否”。
  • Google 所需的語言代碼稱為hreflang 。 保留 WPML 建議的默認語言設置。
how to use wpml to add and edit a language after you add wpml language switcher to menu 2

將 WPML 語言切換器添加到菜單時如何使用 WPML 添加語言選擇器?

您現在如何讓訪問您網站的訪問者輕鬆獲取他們選擇的當前語言 WPML ? 通過給他們一個語言選擇器,就是回應。

閱讀更多:將安全插件安裝到站點的 6 個簡單步驟

轉到 WPML > 語言 > 語言選擇器選項來執行此操作。 一罐:

通過簡單的拖放,選擇語言的出現順序。

缺少翻譯的語言可以隱藏或重定向到其主頁。

要更改選擇器的視覺外觀,請添加 CSS 代碼。

您添加的所有語言選擇器都將使用您在此處設置的設置。

如果您不了解 CSS,請不要擔心。 當您將 WPML 語言切換器添加到菜單時,您可以使用具有相同名稱的菜單來創建您自己的自定義語言選擇器。

如果您決定在您的語言選擇器中使用標誌,您可以在不使用任何編程語言的情況下通過輸入以像素為單位的高度和寬度來更改它們的視覺外觀,更重要的是,通過更改它們的顏色(背景、邊框、字體)。

how to use wpml to add a language selector when you add wpml language switcher to menu

標記通常是第一本能反應。 但是,在公共場合展示旗幟並不總是一個好主意。 事實上,可以合理地假設巴西人可能不會總是點擊葡萄牙國旗。 最好只單擊語言的名稱。

將 WPML 語言切換器添加到菜單如何添加特定語言的帖子

讓我們包括一個測試帖子。 轉到 Post => Add New 來執行此操作。 該帖子的標題為“我的第一篇帖子”和簡短的描述。 要在您的多語言 WordPress 網站上發布帖子,請按末尾的發布按鈕。

要更改您當前的語言或在語言之間切換,請轉到WPML 翻譯編輯器右側的面板。 發布帖子後,您將可以看到可用的語言。

從翻譯此文檔菜單中選擇德語,然後單擊 + 圖標將帖子翻譯成該語言。 對於您的網站,此按鈕將處理翻譯。

將德語添加到語言編輯器後,將帖子的當前語言更改為德語,然後單擊發布。

將 WPML 語言切換器添加到菜單如何添加不同類型的語言選擇

WPML 為您提供了在 4 個不同位置默認添加語言選擇器的選項:

  • 在列表中。
  • 圍繞一個小部件。
  • 在底部。
  • 作為超鏈接,在您的出版物上方和/或下方。

在設置菜單中,每個位置都有一個獨特的預覽,可以通過選擇筆圖標進行自定義。

這將打開以下窗口,該窗口突出顯示:

how to add different types of language selectors when add wpml language switcher to menu

通過包含短代碼 [wpml 語言選擇器小部件],您還可以將語言選擇器添加到您的內容(文章或頁面)。 使用 WordPress 內容編輯器中的“簡碼”塊並將上述簡碼粘貼到那里以完成此操作。

如何隱藏語言?

最後,如果您沒有時間完成和完善您的翻譯,您可以對訪問者和搜索引擎隱藏一些語言,同時仍然可以查看您這邊的內容。

這是一個讓您輕鬆製作作品的機會:

how to hide the languages

全站自動翻譯

截至撰寫本文時,WPML 的最新版本(4.5,於 2021 年 10 月發布)提供了一項名為“Translate Everything”的新功能。

通過轉到 WPML > 設置,您可以激活它。

the automatic translation of the whole site

有了它,您有兩種入門選擇:在新內容創建時自動翻譯,以及您當前發布的所有內容一發布就自動翻譯。

閱讀更多: 7 種優化 WordPress 網站速度的工具

僅自動翻譯新內容。

不過,要使用此選項,您必須擁有機器翻譯帳戶。 當客戶將 WPML 語言切換器添加到菜單時,每位客戶每月將獲得 2,000 個積分,如果您沒有製作足夠的內容,這些積分將很快用完。

除此之外,它是一項付費服務,價格從最便宜到最貴不等,具體取決於所使用的翻譯引擎:Microsoft Azure、DeepL 和 Google Translate。

  • 即使您使用“翻譯所有內容”選項,您仍然可以決定要編輯的內容。 您可以決定: 在發布您的內容之前,仔細檢查翻譯。
  • 發布您的翻譯供其他人審閱。
  • 不要忘記在發布之前檢查您的翻譯。

根據 WPML,此功能支持翻譯 WooCommerce 產品、分類法、自定義內容類型、頁面和文章。

然而, WPML 添加字符串翻譯——該模塊必須始終用於翻譯菜單、表單字段和小部件。

根據 WPML 的說法,在後一種情況下,“上下文通常不足以讓機器翻譯有效地翻譯它們”。

什麼是 WPML 兼容?

根據 WPML,“使用您首選的頁面構建器進行頁面翻譯變得簡單。”

本質上,當您將 WPML 語言切換器添加到菜單時,WPML聲稱可以與最知名的工具集成,包括 Divi Builder、WPBakery、LearnPress、Oxygen Builder 或 Elementor。

通過使用預製模板,頁面構建器確實是一種工具,使您無需編寫任何代碼即可設計複雜而詳細的內容佈局。 拖放式編輯經常實時進行。

我們使用 Elementor 對 WPML 進行了測試,Elementor 是官方 WordPress 目錄中使用最廣泛的頁面構建器(5+ 百萬活躍安裝),以確認這一點。

WPML 指出,為了使其正常運行,您必須同時擁有其基礎插件和附加模塊WPML 添加字符串翻譯

為此,我製作了一個頁面並添加了來自 Elementor 的具有英語內容的網站模板。

將數據輸入另一種語言是目標。 因此,一旦進入我的頁面,我就在 WordPress 內容編輯器的側邊欄中選擇法語的“+”符號:

what Is wpml compatible

然後可以在 WPML 高級翻譯編輯器中找到 Elementor 模板的全部內容(還記得嗎?)(然後是英文)。

我們 ThimPress 只需要手動翻譯每個文本區域(或自動翻譯,如果您有這方面的學分):

what Is wpml compatible 2

完成後,保存您的工作,法語版頁面將自動顯示結果。

WPML 和 Elementor 是否適合您?

好的。 因此,讓我們繼續使用另一個著名的插件 WooCommerce。 由於它活躍在超過 500 萬個網站上,因此如果您經營在線商店,很有可能會使用它。

此外,如果您想使您的商店多語言,您必須翻譯所有 WooCommerce 生成的頁面、產品和相關元素。

結論

WPML WordPress 是目前市場上最頂級的多語言插件之一。 閱讀本文後,您現在對 WPML 插件以及如何將其整合到您的網站中有了透徹的了解。 現在是您將WPML 語言切換器添加到菜單的最佳時機。 當然,這個插件還有很多方面需要考慮。 此外,您還考慮了 WPML 的直接競爭對手——用於多語言 WordPress 網站的 Polylang 插件。 要跟上有關此出色語言插件的新聞,請在所有頻道上關注 ThimPress。

閱讀更多:Polylang 與 WPML 爭奪 2023 年最佳多語言插件


聯繫我們,ThimPress:

網站:https://thimpress.com/

粉絲專頁:https://www.facebook.com/ThimPress

優酷:https://www.youtube.com/c/ThimPressDesign

推特:https://twitter.com/thimpress