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 プロジェクトテンプレート<3>から新しいプロジェクトを作成できます。
コンテンツがTMS内でローカライズされると、新しくローカライズされたコンテンツはPhraseからWebflowに自動的に送信され、適切なローカライズ版に反映されます。
この機能を利用するには、顧客のWebflowアカウントプランでWebflowローカライゼーションが有効になっている必要があります。
Webflowコンテンツは主に.JSON形式です。
自動プロジェクト作成はサポートされていません。
選択/オプション要素のサポート
Webflowはノードレスポンスに選択<1>タイプを導入しており、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に戻すこともできます。