ローカリゼーションの概要

適応とは、世界中のサイト訪問者の文化的および言語的要件を満たすようにサイトを調整する方法です。Webflow ローカリゼーション機能を使用すると、言語や地域に基づいて閲覧者向けにパーソナライズされたエクスペリエンスを設計できます。

注記： 特定のローカリゼーション機能は、特定のローカリゼーション サブスクリプション スキームでのみアクセスできます。 ローカリゼーションスキームと機能の完全な比較を確認する.

このチュートリアルでは以下の内容を取り上げます。

1. ローカリゼーションの動作メカニズム
2. ロケールを追加および管理する方法
3. デザイナーでロケールに移動する手段

ローカリゼーションの動作メカニズム

ロケールは、ターゲット ユーザーのニーズを満たすために選択した言語、または言語と地域の融合を表します。メイン ロケールは、Web サイトの構築、設計、配信に使用するロケールまたは言語にする必要があります。たとえば、米国に住んでいる場合、メイン ロケールはおそらく「英語」になります。追加のロケールを組み込むことで、Web サイトでさまざまな言語や地域をサポートできます。

サイトの追加ロケールのコンテンツと表示は、プライマリ ロケールから自動的に継承されます。サイトのセカンダリ ロケールに変更を加えずにサイトの公開を続行すると、両方のバージョンで同様のコンテンツ、リソース、表示が表示されます。Webflow は、特定の地域バージョンがまだローカライズされていないという理由だけでページが空のままになったり、コンテンツが欠落したりしないようにします。

特定のロケールをカスタマイズすることに決めたら、プライマリ ロケールから派生したコンテンツ、スタイル、またはリソースをローカライズするための変更を適用できます。セカンダリ ロケール内の側面を変更すると、それぞれのロケールにのみ影響します。スタイルのオーバーライド/リセットと同様に、オーバーライドを元に戻してプライマリ ロケールからデータを再実装することは、いつでも実行可能なオプションです。

注記： ローカリゼーション機能はデザイナー専用です。コンテンツ エディターには、編集モードでコンテンツをローカライズする機能があります。

追加参考資料:

• ローカライズされた SEO とロケールルーティング
• コンテンツとスタイルのローカライズ
• コレクションコンテンツのローカライズ
• ページ設定のローカライズ
• ロケールスイッチャーの作成

注記： アドバンスおよびエンタープライズ ローカリゼーション スケジュールには、自動ドメイン レベルのルーティングが含まれます。これにより、ゲスト訪問者がブラウザで優先言語を指定すると、Webflow は適切なロケール バージョンのサイトにリダイレクトするように努めます。サイトが優先ロケールをサポートしていない場合、または訪問者が優先言語を指定していない場合は、デフォルトでプライマリ ロケールにリダイレクトされます。SEO ローカリゼーションとロケール ルーティングの詳細をご覧ください。

ロケールの追加と管理のプロセス 

注記： あ 基本的なローカリゼーション機能の無料プレビュー (例: 機械支援翻訳、静的ページ、CMS、SEO ローカリゼーション) は、Starter から Enterprise まで、すべてのレベルのサイト サブスクリプションで提供されます。セカンダリ ロケールでライブ配信する場合、またはサイトに複数のセカンダリ ロケールを含める場合は、ローカリゼーション アドオンを購入する必要があります。 ローカリゼーションスキームと機能の総合的な比較を調べる.

ローカリゼーションの初期化は、 設定パネル > ローカリゼーションまず、サイトで使用するために選択されたロケールまたは言語である主要なロケールを設定する必要があります。 主なロケール ドロップダウン。その後、ロケールの次の項目を設定できます。

• 指定
• サブディレクトリ
• 画像表示
• 公開状況

主なロケールの詳細を入力したら、 保存 変更内容は、クリックすると表示されます 新しいロケールを追加 その後、追加のロケールを組み込み、各ロケールの表示指定、サブディレクトリ、公開ステータスを管理できるようになります。

注記： Webflowは、テキストローカリゼーションが実装されていない場合でも、アラビア語（ar）、ペルシア語（fa）、ヘブライ語（he）、ウルドゥー語（ur）、イディッシュ語（yi）ロケール、およびこれらの言語の地域バリエーション（アラビア語（イラク）など）のライブサイトでRTL（右から左への）スクリプトを本質的にサポートします。テキストコンポーネントの自動RTL表示を防ぐには、カスタム属性を含めます。 dir="ltr" または dir="自動" 要素に追加します。右から左へのテキストのローカリゼーションについて詳しくは、こちらをご覧ください。

指定

ロケールの指定は、 ロケールリスト 要素。これを使用して、サイト訪問者が好みのロケールを選択できるようにするロケール スイッチャーまたはその他のインターフェイスを作成できます。説明的な指定は必要に応じて変更できます。公開すると、変更された指定に従ってロケール リスト要素が更新されます。

サブディレクトリ

デフォルトでは、各ロケールには、ロケールの ISO タグ (国とその地域を反映する世界的に認識されているコードを示す「国コード」とも呼ばれる) を表すサブディレクトリ (URL スラッグと呼ばれる) があります。サブディレクトリは、要件に基づいてカスタマイズできます (たとえば、「スペイン語」サイトのシナリオでは、従来のサブディレクトリは yourdomain.com/es ですが、これを yourdomain.com/spanish に変更できます)。サブディレクトリ名を変更しても、サイトの言語コードには影響しません。

注記： デフォルトでは、主要なロケールにはサブディレクトリがありません。ただし、すべてのサイトトラフィックは、主要なロケール（例：yourdomain.com/en）に基づいてサブディレクトリに誘導することができます。 サブディレクトリへの公開を有効にする オプション。

画像表示

画像表示は、ロケールに関連付けられたアイコンまたはフラグで構成されます。アップロードされた表示画像は、ロケール スイッチャーで使用できます。アセット パネルの画像は適用できないため、表示画像はローカリゼーション設定内でアップロードする必要があることに注意してください。

表示画像を挿入すると、その画像はアセット パネルにも保存され、代替テキストの管理が可能になります。アセット パネルから画像を削除すると、それに応じてローカリゼーション設定からも画像が削除されます。

公開状況

サイトに追加された各セカンダリロケールの公開ステータス（公開の有効化または無効化）を制御できます。プライマリドメイン/主要ロケールのみの公開を有効にし、セカンダリロケールの公開を除外するには、 サブディレクトリへの公開を有効にする 公開の意図がないセカンダリロケールごとにオプションを「オフ」にします。セカンダリロケールに関するコンテンツを公開する準備ができたら、 サブディレクトリへの公開を有効にする スイッチを「オン」にします。これらの変更を実施するには、サイトの公開が不可欠です。

注記： のロケールのみ サブディレクトリへの公開を有効にする 設定が「オン」になっていると、 ロケールリスト 要素。公開を有効にすると、ロケール リストへの自動追加が実行されます。ロケール リスト要素を使用してロケール スイッチャーを作成する手順を参照してください。

デザイナー内でロケールをナビゲートするための戦略

ウェブサイトにセカンダリロケールを追加すると、新しい ロケールビュー デザイナーのトップバーにドロップダウンが表示されます。 ロケールビュー ドロップダウンでは、デザイン モード、編集モード、またはプレビュー モードでサイトにアクセスするためのセカンダリ ロケールの選択を実行できます。

ロケール ビューでは、次の操作を実行できます。

• コンテンツとスタイルをローカライズする
• コレクションのコンテンツをカスタマイズする
• ページ設定を変更する