轉換佈景主題

雖然 Shopify 佈景主題是英文版,但有些佈景主題提供多種語言選項。這些佈景主題提供線上商店中所有文字內容的翻譯,例如聯絡資訊以及購物車和結帳資訊。

如果是包含多種語言的佈景主題,您只需變更佈景主題語言即可。如果您的佈景主題沒有提供您要的語言,您可以自行建立翻譯。

您可以在自己的線上商店中使用一種語言。

秘訣:如果您的佈景主題是 Shopify 的免費佈景主題,您的佈景主題也會提供電子郵件通知的西班牙語翻譯。

選擇佈景主題適用的語言

您可以為已發佈的佈景主題選擇適用的語言。如果要翻譯的佈景主題尚未發佈,則需要在執行以下這些步驟前發佈佈景主題

步驟:

  1. 如果是已發佈的佈景主題,請按一下「動作 > 編輯語言」。

  2. 按一下「變更佈景主題語言」:

    在語言編輯器中的變更佈景主題語言連結

  3. 按一下「語言」下拉式清單,查看佈景主題可用的所有語言:

    視窗 (包含支援語言的下拉式選單)

  4. 選擇您需要的語言,接著按一下「儲存」。若未包括您要使用的語言,您必須為佈景主題建立新翻譯。

為您的佈景主題建立翻譯

您可以為已發佈的佈景主題建立自訂翻譯。如果要翻譯的佈景主題尚未發佈,則需要在執行這些步驟前發佈您的佈景主題

某些佈景主題提供讓您翻譯結帳和系統訊息的選項。若您必須完整翻譯這類佈景主題,您必須為該佈景主題建立地區設定檔案

步驟:

  1. 針對已發佈的佈景主題按一下「動作」下拉式選單,並選擇「編輯語言」

  2. 按一下「變更佈景主題語言」:

    在語言編輯器中的變更佈景主題語言連結

  3. 按一下「語言」:

    視窗 (包含支援語言的下拉式選單)

  4. 按一下「其他語言…」。

  5. 從第二個和第三個下拉式選單中選擇如下:

- 語言:選擇語言。 - 地區:選擇特定地區 (如適用),選擇「所有」可選擇所有地區變體,或選擇「自訂」以針對您要建立的語言版本建立自訂名稱。

  1. 按一下「儲存」

  2. 使用語言編輯器來輸入佈景主題文字的翻譯。系統會自動儲存您的變更。

  3. 如要確保您為所有佈景主題的文字內容建立完整的翻譯,您可以搜尋未完成的翻譯

使用語言編輯器來新增翻譯的內容

您可以檢視佈景主題中的任何語言並加以更新 (無論是您自行建立的翻譯或是下載的翻譯)。

在建立或更新翻譯時,您需要將翻譯的內容新增至文字區塊:

  • 搜尋要翻譯的內容
  • 內容類型

搜尋要翻譯的內容

您可以使用語言編輯器搜尋佈景主題中要翻譯的文字內容。

內容類型

您可能想要翻譯的三種基本類型的內容:

  • 純文字
  • HTML
  • Liquid

您可以將翻譯輸入文字欄位,逐一翻譯每段文字。

您不必翻譯佈景主題中的每個欄位。系統會自動儲存您的變更,而且您隨時都可以停止翻譯作業。如果要進行變更,您可以存取任何現有的翻譯。

如果未針對特定欄位進行翻譯,則會採用該佈景主題的預設語言。

您可以直接翻譯純文字的內容,但在翻譯包含 HTML 或 Liquid 的文字區塊時必須格外謹慎。

翻譯純文字

線上商店中大多數的文字都不需要使用 HTML 或 Liquid。輸入純文字區塊的翻譯時,只需將文字替換為其他語言的等同內容。

包含 HTML 的文字區塊

如果文字區塊中包含 HTML,您會看到字詞或語句包覆在成對的角括弧 (<>) 中。

請務必瞭解您正在翻譯的區塊如何使用 HTML。雖然大部分內容必須保留原本的英文,但是您可能希望將 HTML 標記內的一些英文字詞翻譯出來。

通常文字區塊包含 HTML 的原因如下:

  • 建立指向線上商店其他部分或其他網站的連結
  • 為文字加入格式設定。

翻譯 HTML 連結名稱

HTML 連結包覆在開頭為 &lt;a href=,結尾為 &lt;&#47;a&gt; 的標記當中。

您只能翻譯連結的名稱,而不能翻譯其他部分。連結名稱是客戶唯一會看到連結的部分。

HTML 連結名稱的範例

在此範例中,請使用適合的翻譯來取代 Continuebrowsing 以及 here 這三個字。

切勿翻譯連結中的目的地位址 (又稱為目標)。目的地位址是客戶按一下連結後前往的位置。一律會以引號標示並指向特定的網站位址。

HTML 目的地位址的範例

翻譯使用 HTML 格式的文字

HTML 有時用於強調字詞或語句、對字詞或語句設定樣式,或顯示符號。您只能翻譯使用 HTML 樣式的字詞,而不能翻譯程式碼或標記本身。請參閱這些範例,確保您瞭解要翻譯的內容以及應該維持原狀的部分。

HTML 樣式範例

在以下的範例中,<strong> 標記是用來顯示粗體文字:

HTML 強調粗體標記的範例

在這種情況下,您只能翻譯 On Sale

在以下範例中,使用 HTML 代碼 &larr;&rarr; 來產生左右箭頭符號:

HTML 箭頭符號的範例

這裡您只能翻譯 Previous Product (上一個產品) 和 Next Product (下一個產品)。

在以下的範例中,使用 HTML <strong> 標記,以便以粗體顯示檔案名稱 collection-sidebar.liquid

HTML 強調粗體標記包覆 Liquid 檔案名稱的範例

這裡檔案名稱為 Liquid template file (Liquid 範本檔案)。只有在需要配對檔案名稱時才要翻譯檔案名稱。例如,如果您已建立自己的檔案,則可能需要變更 HTML中的檔案名稱。

切勿翻譯 HTML 標記或符號程式碼。這些是供瀏覽器使用,客戶並不會看到。

包含 Liquid 的文字區塊

切勿翻譯 Liquid 標記、物件或篩選。

Liquid 是一種範本語言,可以在不同的情況下控制您網站的外觀。Liquid 內容一律包覆在以下符號組合當中:

  • {{}} - {%%} - {%--%}

例如:

Liquid 的一個範例

在此範例中,您只需要翻譯 Liquid 周圍的文字,而非 {{ date }}

以下是合併使用純文字、HTML 和 Liquid 的文字欄位範例:

包含 HTML 和 Liquid 的文字範例

雖然這個範例看似複雜,但唯一需要翻譯的部分就是 on 這個字。

檢視或更新翻譯

您可以檢視或變更出現在佈景主題中的任何翻譯。例如,如果您建立的翻譯不完整,則可以繼續更改。

如要檢視或更新翻譯:

  1. 找到要編輯的佈景主題,然後按一下「操作」 > 「編輯語言」

在目前語言中加入翻譯或按一下「變更佈景主題語言」,即可在語言編輯器中選擇其他語言。

搜尋找不到翻譯或已完成欄位

如果某種語言在語言編輯器中顯示為「未完成」,就表示部分文字欄位尚未翻譯。除非您輸入翻譯,否則這些欄位會顯示佈景主題的預設語言。

如果您正在處理新翻譯,則可以使用簡單搜尋快速尋找所有找不到翻譯的欄位,或檢視已完成翻譯的欄位。

步驟:

  1. 找到要編輯的佈景主題,然後按一下「操作」 > 「編輯語言」

  2. 按一下「篩選此頁面」。

  3. 按一下「篩選翻譯」。

  4. 在第二個下拉式選單中,選擇「找不到」或「完成」。

  5. 按一下「新增篩選條件」

準備好開始透過 Shopify 銷售商品了嗎?

免費試用