Webflowは、堅牢なCMSを含むWebサイトデザインツールです。オンラインのビジュアルエディタプラットフォームにより、ユーザーはWebサイトを設計、構築、公開できます。2023年、彼らは顧客向けに新しいローカライゼーション機能を導入し、Webflow内で基本的なローカライゼーションを行えるようにしました。この新しいローカライゼーション機能により、Webflowは一連のAPIをリリースしました。これにより、PhraseはWebサイトデザインおよびCMSツール内にアプリを構築し、ローカライゼーション用のコンテンツを送信できるようになります。
この統合機能は、Webflowマーケットプレイス内のアプリとして利用可能です。これはWebflowのデザインおよびデータAPI、ミドルウェアサービス（Phraseによって構築）、およびPhrase TMS APIを基盤として構築されています。顧客はWebflowマーケットプレイスからアプリをインストールし、Phraseアカウントを認証することで、2つのシステム間のデータ接続を開始できます。
アプリをインストールしてを選択することで、WebflowユーザーはWebサイト上の個々のコンポーネント、CMSコレクション、またはページ全体を選択できます。これらはすべて、単一選択コンポーネントを介して処理され、ローカライズのためにTMSへ送信されます。ユーザーはWebflowからコンテンツを既存のPhrase プロジェクトに送信するか、Phrase プロジェクトテンプレートから新しいプロジェクトを作成できます。
TMS内でコンテンツがローカライズされると、新しくローカライズされたコンテンツはPhraseからWebflowに自動的に送信され、適切なローカライズ版に反映されます。
この機能を利用するには、顧客のWebflowアカウントプランでWebflowローカライゼーションが有効になっている必要があります。
Webflowのコンテンツは主に.JSON形式です。
自動プロジェクト作成はサポートされていません。
選択/オプション要素のサポート
Webflowはノードレスポンスに選択タイプを導入しており、Phraseプラグインはこの要素をサポートしています。ユーザーはコンポーネントからStringsをローカライズ用に送信でき、手動で抽出する必要はありません。
SEOメタデータは、ページタイトルや説明を含め、Phrase TMSプラグインを介したローカライズと同期がサポートされています。CMSコレクション/アイテムもサポートされており、ユーザーはより広範なCMSコンテンツをWebflow内から直接翻訳用に送信できます。
使用例
-
Webflowからローカライズ準備が整った原文ロケールのコンテンツをPhrase TMSに送信し、その後、Webflowの適切な訳文ロケールにエクスポートします。
-
ページタイトルやメタデータなどのSEOに不可欠なフィールドのローカリゼーションを自動化し、手作業を削減してロケール間の一貫性を向上させます.
-
Webflow内からCMSコレクションのコンテンツを直接翻訳し、大規模サイトのエンドツーエンドのローカリゼーションプロセスを効率化します。
-
Phrase TMSから完了した翻訳を一括インポートしてWebflowに戻すことで、ページごとに手動で翻訳を再適用する必要がなくなります。
-
Select/Option要素をサポートし、ドロップダウンフィールドのローカリゼーションを可能にすることで、言語間でのユーザーインターフェースの一貫性を高めます。
プラグインをインストールする
プラグインをインストールするには、以下の手順に従ってください。
プラグインの使用
コンテンツをローカリゼーション用に送信するには、以下の手順に従ってください。
-
Webflowアカウントにローカリゼーションが含まれていることを確認してください。
-
訳文の作成元となるターゲットロケールを作成します。
-
セクションから、Phrase<2>を選択します。
-
ページを翻訳用に送信するか、CMSコレクションを送信するか、選択したページのコンポーネントのみを送信するかを選択します。
-
SEOメタデータフィールドを翻訳ジョブに含めるかどうかを選択します。
-
既存のPhraseプロジェクト内にローカリゼーションジョブを作成するか、テンプレートから新規作成するかを選択します。
-
コンテンツをPhraseに送信してローカリゼーションを行います。
-
Phraseでジョブが完了すると、翻訳されたコンテンツをWebflowにインポートし、Webサイトの適切なターゲット訳文に反映させることができます。ユーザーは翻訳を1つずつ適用することも、完了したすべての翻訳を一括インポートしてWebflowに戻すこともできます。