轉換佈景主題
雖然 Shopify 佈景主題是英文版,但有些佈景主題提供多種語言選項。這些佈景主題提供線上商店中所有文字內容的翻譯,例如聯絡資訊以及購物車和結帳資訊。
如果是包含多種語言的佈景主題,您只需變更佈景主題語言即可。如果您的佈景主題沒有提供您要的語言,您可以自行建立翻譯。
您可以在自己的線上商店中使用一種語言。
秘訣:如果您的佈景主題是 Shopify 的免費佈景主題,您的佈景主題也會提供電子郵件通知的西班牙語翻譯。
選擇佈景主題適用的語言
您可以為已發佈的佈景主題選擇適用的語言。如果要翻譯的佈景主題尚未發佈,則需要在執行以下這些步驟前發佈佈景主題。
步驟:
- 在 Shopify 管理員中,前往「線上商店」 > 「佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
如果是已發佈的佈景主題,請按一下「動作 > 編輯語言」。
按一下「變更佈景主題語言」。
點擊「語言」下拉式清單,查看佈景主題可用的所有語言。
選擇您需要的語言,接著按一下「儲存」。若未包括您要使用的語言,您必須為佈景主題建立新翻譯。
為您的佈景主題建立翻譯
您可以為已發佈的佈景主題建立自訂翻譯。如果要翻譯的佈景主題尚未發佈,則需要在執行這些步驟前發佈您的佈景主題。
部分佈景主題提供翻譯結帳和系統訊息的選項。若您必須完整翻譯這類佈景主題,您必須為該佈景主題建立地區設定檔。
步驟:
- 在 Shopify 管理員中,前往「線上商店」 > 「佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
針對已發佈的佈景主題按一下「動作」下拉式選單,並選擇「編輯語言」。
按一下「變更佈景主題語言」。
在「語言」下拉式選單中,選擇「其他語言」。
從第二個和第三個下拉式選單中選擇如下:
- 語言:選擇語言。 - 地區:選擇特定地區 (如適用),選擇「所有」可選擇所有地區變體,或選擇「自訂」以針對您要建立的語言版本建立自訂名稱。
使用語言編輯器來新增翻譯的內容
您可以檢視佈景主題中的任何語言並加以更新 (無論是您自行建立的翻譯或是下載的翻譯)。
在建立或更新翻譯時,您需要將翻譯的內容新增至文字區塊:
- 搜尋要翻譯的內容
- 內容類型
搜尋要翻譯的內容
您可以使用語言編輯器搜尋佈景主題中要翻譯的文字內容。
內容類型
您可能想要翻譯的三種基本類型的內容:
- 純文字
- HTML
- Liquid
您可以將翻譯輸入文字欄位,逐一翻譯每段文字。
您不必翻譯佈景主題中的每個欄位。系統會自動儲存您的變更,而且您隨時都可以停止翻譯作業。如果要進行變更,您可以存取任何現有的翻譯。
如果未針對特定欄位進行翻譯,則會採用該佈景主題的預設語言。
您可以直接翻譯純文字的內容,但在翻譯包含 HTML 或 Liquid 的文字區塊時必須格外謹慎。
翻譯純文字
線上商店中大多數的文字都不需要使用 HTML 或 Liquid。輸入純文字區塊的翻譯時,只需將文字替換為其他語言的等同內容。
包含 HTML 的文字區塊
如果文字區塊中包含 HTML,您會看到字詞或語句包覆在成對的角括弧 (<
>
) 中。
請務必瞭解您正在翻譯的區塊如何使用 HTML。雖然大部分內容必須保留原本的英文,但是您可能希望將 HTML 標記內的一些英文字詞翻譯出來。
通常文字區塊包含 HTML 的原因如下:
- 建立指向線上商店其他部分或其他網站的連結
- 為文字加入格式設定。
翻譯 HTML 連結名稱
HTML 連結包覆在開頭為 <a href=
,結尾為 </a>
的標記當中。
您只能翻譯連結的名稱,而不能翻譯其他部分。連結名稱是客戶唯一會看到連結的部分。
Continue browsing <a href="/collections/all">here</a>.
在此範例中,請使用適合的翻譯來取代 Continue、browsing 以及 here 這三個字。
切勿翻譯連結中的目的地位址 (又稱為目標)。目的地位址是顧客點擊連結後前往的位置。系統一律以引號標示並指向特定的網頁網址。在範例連結中,目的地位址為 /collections/all
。
翻譯使用 HTML 格式的文字
HTML 有時用於強調字詞或語句、對字詞或語句設定樣式,或顯示符號。您只能翻譯使用 HTML 樣式的字詞,而不能翻譯程式碼或標記本身。請參閱這些範例,確保您瞭解要翻譯的內容以及應該維持原狀的部分。
HTML 樣式範例
在以下的範例中,<strong>
標記是用來顯示粗體文字:
<strong>On Sale</strong>
在這種情況下,您只能翻譯 On Sale。
在以下範例中,使用 HTML 代碼 ←
和 →
來產生左右箭頭符號:
← Previous Product
Next Product →
這裡您只能翻譯 Previous Product (上一個產品) 和 Next 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 template file (Liquid 範本檔案)。只有在需要配對檔案名稱時才要翻譯檔案名稱。例如,如果您已建立自己的檔案,則可能需要變更 HTML 中的檔案名稱。
切勿翻譯 HTML 標記或符號程式碼。這些是供瀏覽器使用,客戶並不會看到。
包含 Liquid 的文字區塊
切勿翻譯 Liquid 標籤、物件或篩選條件。
Liquid 是一種範本語言,可以在不同的情況下控制您網站的外觀。Liquid 內容一律包覆在以下符號組合當中:
-
{{
和}}
-{%
和%}
-{%-
和-%}
例如:
liquid
Posted on {{ date }}
在此範例中,您只需要翻譯 Liquid 周圍的文字,而非 {{ date }}
。
以下是合併使用純文字、HTML 和 Liquid 的文字欄位範例:
html
<strong>{{ author }}</strong> on {{ date }}
雖然這個範例看似複雜,但唯一需要翻譯的部分就是 on 這個字。
檢視或更新翻譯
您可以檢視或變更出現在佈景主題中的任何翻譯。例如,如果您建立的翻譯不完整,則可以繼續更改。
如要檢視或更新翻譯:
- 在 Shopify 管理員中,前往「線上商店」 > 「佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
- 找到要編輯的佈景主題,然後按一下「操作」 > 「編輯語言」。
在目前語言中加入翻譯或按一下「變更佈景主題語言」,即可在語言編輯器中選擇其他語言。
搜尋找不到翻譯或已完成欄位
如果某種語言在語言編輯器中顯示為「未完成」,就表示部分文字欄位尚未翻譯。除非您輸入翻譯,否則這些欄位會顯示佈景主題的預設語言。
如果您正在處理新翻譯,則可以使用簡單搜尋快速尋找所有找不到翻譯的欄位,或檢視已完成翻譯的欄位。
步驟:
- 在 Shopify 管理員中,前往「線上商店」 > 「佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
- 在 Shopify 應用程式中,點一下「商店」。
- 在銷售管道畫面上,點一下「線上商店」。
- 點一下「管理佈景主題」。
找到要編輯的佈景主題,然後按一下「操作」 > 「編輯語言」。
按一下「篩選此頁面」。
按一下「篩選翻譯」。
在第二個下拉式選單中,選擇「找不到」或「完成」。
按一下「新增篩選條件」。