翻譯佈景主題

您可在 Shopify 管理介面啟用多種語言,讓世界各地的顧客能以其母語瀏覽內容。

對於支援多語言銷售的佈景主題,您可以變更預設佈景主題語言,並新增其他語言,讓顧客選擇偏好的語言。若佈景主題沒有您需要的語言,或您想編輯預設翻譯,您可以自行建立翻譯

為佈景主題建立翻譯

您可以翻譯並本地化您的商店以變更佈景主題的語言。您可以安裝 Shopify 的 Translate & Adapt app、使用 CSV 匯出/匯入,或使用第三方 app,新增您自己的翻譯。

可翻譯的內容類型

您可能需要翻譯的內容大致可分為三類:

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

您不必翻譯佈景主題中的每個欄位。系統會自動儲存變更,您可隨時中斷。如需修改,您可存取任何現有翻譯。

若某個欄位未提供翻譯,系統會使用佈景主題的預設語言。

純文字可直接翻譯,但翻譯含有 HTML 或 Liquid 的文字區塊時,請特別留意。

翻譯純文字

網路商店中的大多數文字不需要使用 HTML 或 Liquid。輸入純文字區塊的翻譯時,只需將文字替換為另一種語言的對應內容即可。

含有 HTML 的文字區塊

若文字區塊含有 HTML,您會看到以一對尖括號 (< >) 包住的字詞或片語。

您需要先瞭解該區塊中的 HTML 用法。雖然大多數內容必須保留原始英文,但尖括號外的某些英文可能需要翻譯。

含有 HTML 的文字區塊通常用於下列用途:

翻譯 HTML 連結名稱

HTML 連結會由標籤包住,起始為 <a href=,結尾為 </a>

您只能翻譯連結的名稱,不可翻譯其他組成部分。顧客只能看到連結名稱。

Continue browsing <a href="/collections/all">here</a>.

在此範例中,請將 Continuebrowsinghere 這幾個字換成適當的譯文。

請勿翻譯連結中的目標位址 (也稱為目標)。目標位址是顧客按一下連結後前往的位置,通常以引號標示,並指向特定的網頁網址。在此範例連結中,目標位址為 /collections/all

翻譯套用 HTML 樣式的文字

HTML 有時會用來強調或額外設定字詞或片語的樣式,或顯示符號。您只能翻譯由 HTML 套用樣式的文字,不要翻譯程式碼或標籤。請參考 範例,確認哪些需要翻譯、哪些應該保持不變。

HTML 樣式範例

下列範例中,<strong> 標籤會將文字以粗體呈現:

<strong>On Sale</strong>

此情況下,您只需翻譯 On Sale 這幾個字。

下列範例中,HTML 程式碼 &larr;&rarr; 會產生左、右箭頭符號:

&larr; Previous Product
Next Product &rarr;

在此,您只需翻譯 Previous ProductNext Product 這兩個片語。

下列範例中,HTML <strong> 標籤會將檔名 collection-sidebar.liquid 以粗體顯示。

Add a type to your products for this list to build itself. All lists are created
in <strong>collection-sidebar.liquid</strong>

此處的檔名是 Liquid 範本檔案。只有在必須與實際檔名相符時才需要翻譯檔名。例如,若您建立了自己的檔案,可能就需要在 HTML 中變更檔名。

請勿翻譯 HTML 標籤或符號代碼。這些內容供瀏覽器使用,顧客看不到。

含有 Liquid 的文字區塊

請勿翻譯 Liquid 標籤、物件或篩選器。

Liquid 是用來在不同情境中控制網站外觀的範本語言。Liquid 內容一律以以下其中一組符號包覆:

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

例如:

Posted on {{ date }}

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

以下範例示範一個同時包含純文字、HTML 與 Liquid 的文字欄位:

<strong>{{ author }}</strong> on {{ date }}

雖然此範例看起來複雜,您唯一需要翻譯的部分就是這個字 on