調整內容和設計

開始之前： 查看本地化簡介以熟悉本地化。

預設情況下，您在網站上包含的任何其他區域設定都會繼承網站主要區域設定的內容和樣式。您可以覆蓋或 客製化 設計師畫布上的任何內容都可以滿足特定地區客戶的文化和語言要求。

將元素插入您的主要區域設定後，您可以選擇 區域設定視圖 從頂部欄中的選項，選擇所需的區域設置，然後像通常所做的那樣修改元素 - 但是，這些調整現在只會影響所選的區域設置。本地化元素用“地球” 導航器中的圖示。

請注意： 您的佈局（即元素和組件的排列）受到您的主要區域設定的影響。在次要區域設定中無法新增或刪除元素或組件。此外，在輔助語言環境中進行的任何本地化修改都將專門影響該輔助語言環境。

請告知： 某些本地化功能是某些本地化訂閱包所獨有的。 查看本地化訂閱和功能的全面比較.

透過本教程，您將了解：

1. 如何自訂畫布上的文本
2. 如何調整資產
3. 如何個性化元素可見性
4. 如何打造個性化風格
5. 如何自訂組件

如何自訂畫布上的文本

請記住： 在地化功能只能在 Designer 中存取。內容編輯者能夠在編輯模式下自訂內容。

若要調整 Designer 畫布上的文本，請按一下 區域設定視圖 頂部欄中的下拉式選單並選擇您喜歡的區域設定。隨後，您可以使用您希望在該區域設定中顯示的內容來修改任何畫布上的文字（包括連結、按鈕、表單等）。

如果您打算翻譯文字內容，可以右鍵單擊任何包含文字的元素，然後選擇“翻譯為（區域設定語言）」。

請注意： 自動翻譯包含子 span 元素的元素時，span 元素的文字不會自動翻譯。儘管您可以單獨自動翻譯 span 元素，但我們建議手動翻譯 span 元素中的文本，以確保翻譯保持上下文相關。

如果頁面上的特定內容無法翻譯，可能是由於該內容的翻譯無法使用。

專家提示： 如果您想翻譯整個頁面，請選擇 身體 元素，然後右鍵單擊並選擇“翻譯為（區域設定語言）」。

您也可以手動翻譯文字或使用翻譯應用程序，例如 洛卡利斯.

自訂從右到左的文本

Webflow 自動在已發佈網站上為阿拉伯語(ar)、波斯語(fa)、希伯來語(he)、烏爾都語(ur) 和意第緒語(yi) 語言環境以及地方方言提供RTL （從右到左）腳本支援這些語言的區域設定（例如阿拉伯語（伊拉克）），即使文字尚未自訂。如果您不想使用自動 RTL 來顯示文字元素，請包含以下自訂屬性 目錄=“ltr” 或者 目錄=“自動” 到元素。

如何自訂資產

需要自訂資產的原因可能有多種 - 例如，如果您網站上的資產包含文字並且需要特定語言或區域設定的翻譯版本，或者資產在多個區域設定之間共享，但需要翻譯後的替代文本每個語言環境。或者，您可能需要為每個區域設定不同的資產，以滿足您網站的在地化要求。您可以管理每個區域設定的替代文字和資源。

若要將資產替換為特定區域設定：

1. 點選 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您所需的區域設置
3. 選擇畫布上的資源
4. 導航 元素設定 > 影像設定
5. 點選 替換圖片
6. 在「資產」面板中選擇資產或上傳新資產

跨區域分配資產，但個性化替代文本 全部 此資產在次要區域內的實例：

1. 點選 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您所需的區域設置
3. 訪問 資產面板
4. 將滑鼠懸停在您要自訂的資產上
5. 點擊設定“齒輪" 圖示
6. 輸入資產的自訂替代文本

跨區域共享資源，但自訂替代文本 一 在次要語言環境中該資產的實例（即，為次要語言環境中的資產自訂替代文本，而不將該替代文本傳播到該次要語言環境中該資產的所有其他實例）：

1. 點選 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您所需的區域設置
3. 選擇畫布上的資源
4. 繼續 元素設定 > 影像設定
5. 從「自訂描述」中選擇 替代文字 落下
6. 輸入資產的自訂替代文本

若要重置資產或替代文字以從主要區域設定繼承：

1. 點選 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您所需的區域設置
3. 選擇畫布上的資源
4. 使用權 元素設定 > 影像設定
5. 點選 影像 和/或 替代文字 （取決於您想要的重置）
6. 點選 重設為主要區域設置

如何自訂元素可見性

雖然輔助區域設定中的所有元素和元件都是從主區域設定繼承的，但您可以使用元素可見性來個性化輔助區域設定的頁面顯示。

要修改特定元素的可見性：

1. 點選 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您所需的區域設置
3. 使用權 元素設定 > 能見度
4. 選擇元素的可見性設定（即“顯示”或“隱藏”）

元素隱藏在伺服器端 - 這意味著隱藏元素在您的網站設計中不可見，也不會反映在您網站的 HTML 程式碼中。

如何自訂樣式

您也可以透過在地化給定元素上的樣式來個性化特定區域設定的呈現。

專家提示： 斷字、換行和文字換行樣式有助於遵守特定於語言的規則並保證跨區域設定的積極使用者體驗。了解有關文字換行和換行的更多資訊。

請注意： Webflow 在已發佈網站上自動支援阿拉伯語(ar)、波斯語(fa)、希伯來語(he)、烏爾都語(ur) 和意第緒語(yi) 語言環境以及這些語言的地方方言語言環境的RTL（從右到左）腳本（例如，阿拉伯語（伊拉克）），無論文本中是否存在本地化。如果您不想使用自動 RTL 來展示文字元素，請附加自訂屬性 目錄=“ltr” 或者 目錄=“自動” 到相應的元素。探索有關如何本地化從右到左文本的更多詳細資訊。

要在地化特定元素上的樣式： 

1. 點選 區域設定視圖 上方欄的下拉式選單
2. 選擇您喜歡的區域設置
3. 在畫布上選擇一個元素 
4. 根據需要修改樣式

要恢復元素樣式以從主要語言環境繼承： 

1. 按 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您所需的區域設置
3. 選擇畫布上的元素 
4. 打中任何風格 風格面板 （例如，字體、顏色、中斷等） 
5. 按 重置

如何本地化元件

重要的： 在將元素轉換為元件之前在輔助語言環境中本地化元素和/或其子元素時，本地化內容將被主要語言環境中元件的預設內容覆蓋。因此，建議在本地化元素內容之前將元素轉換為元件。

您可以採用與本地化元素相同的方式在地化元件。您可以本地化主要元件，以確保在特定區域設定中該元件的每個實例中保留該元件的本地化值。

例如，如果您擁有導航列並希望本地化文字和連結： 

1. 點選 語言環境看法 上方欄的下拉式選單
2. 選擇您喜歡的區域設置
3. 雙擊畫布上的導覽列組件以調整主要組件
4. 修改或解釋主要組件中的文字和鏈接
5. 退出主組件 

此後，該區域設定中每次出現該導覽列都將採用這些本地化值。

或者，您可以本地化元件屬性的預設值： 

1. 按 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您喜歡的區域設置
3. 雙擊您想要本地化的元件以調整主要元件
4. 繼續 元素設定面板 > 組件屬性 > 管理屬性
5. 點選您想要本地化其值的元件屬性 
6. 修改預設值（例如，文字、可見性、圖像等） 

您也可以透過本地化屬性欄位來本地化元件實例。要啟動此操作，請先確保元件具有為您希望本地化的元素指定的屬性。然後： 

1. 按 區域設定視圖 頂部欄中的下拉式選單
2. 選擇您喜歡的區域設置 
3. 揭開您想要本地化的元件實例 
4. 修改或本地化元件實例中的值
5. 退出組件實例

元件實例中的本地化值不會傳播到同一元件的其他實例，即使在同一語言環境中也是如此。 

筆記： 在輔助區域設定視圖中，您無法附加新的元件屬性、清除或中斷元件屬性或變更元件屬性類型或設定。