目次
Adobe Commerce アクセス要件
Adobe Commerce で使用するクラウド AI 自動翻訳では、セットアップを完了するためにいくつかのアクセスが必要です。
- Adobe Commerce 管理者アクセス
- ドメインDNS変更アクセス
Adobe Commerce セットアップは、次の 3 つの簡単な手順で構成されます。
- 翻訳を許可するにはドメインを登録してください
- 翻訳言語に応じてドメイン DNS を変更する
- Adobe Commerce サイトに言語フラグ切り替えリンクを追加します
Adobe Commerce サイトを多言語対応にする方法を動画で解説
Adobe Commerce ドメインを登録する
そのためには、https:// を含むドメイン名をコピーし、プラットフォームとしてAdobe Commerce。

その後、ソース言語と宛先言語を選択します。

SEO に関する重要事項:セットアップする言語の数は、SEO に大きな影響を与えます。 翻訳言語を設定するときに、大量のインデックス ページ (>500) がある場合、検索エンジンがそれらを処理するのに多くの時間がかかる場合があります。 元の言語での SEO に影響を与える可能性があります。 そのため、最初に最大 5 つの言語を追加することをお勧めします。その後、インデックスが作成されたら、月に 3 つのバッチで言語を追加できます。
言語に応じてドメイン DNS を変更する
Entri を使用してドメイン DNS を自動的に追加する
ボタンをクリックすると、Entri は登録された Web サイトの URL を分析し、パブリック DNS レコードを確認します。 それに基づいて、必要なプロバイダーと DNS が決定されます。
[ドメインプロバイダー] で認証する」 (この例では Cloudflare です)をクリックします パネルがドメイン プロバイダーのログイン ページに変わり、ログインして続行できます。
ドメイン プロバイダーにログインすると、残りの作業は Entri によって行われ、適切な DNS レコードが自動的に追加されます。 言語ごとに 1 つの DNS + 検証キー用に 1 つの TXT DNS。
DNS がドメイン内に追加されていることが確認できるはずです。 例えば:
認証すると、すべての DNS 設定が正常に構成されたことが Entri から通知されます。
すべての DNS エントリがドメインに伝達されるとすぐに、変換機能を使用できるようになります (通常は 20 ~ 30 分かかります)。
手動インストールを希望する場合は、以下に示す手順に従って手動でインストールすることもできます。
DNSレコードをコピーする
ドメインを検証すると、ドメインに追加する DNS をコピーする準備が整った画面にリダイレクトされます。 ホスティング会社によっては、ドメインの設定が少し異なる場合がありますが、フィールド名は非常に標準的です。 これらのレコードは、Web サイトの多言語ページをfr.domain.com、es.domain.com として読み込むために必要です。
主な要素は次のとおりです。
その後、ドメイン マネージャーに接続し、DNS セットアップ領域にアクセスする必要があります。 次に、指示に従って、以下をコピーできます。
- ドメイン検証用の 1 つの TXT レコード
- 言語用のCNAMEレコードを1つまたは複数
各レコード タイプ (TXT と CNAME) の例を次に示します。
すべてのレコードを追加すると、構成は次のようになります。
DNS検証を確認する
すべてのレコードをドメイン DNS に追加した後、[ DNS 構成を確認] ボタンをクリックして DNS の伝播を確認できます。
DNS検証には通常30分から1時間かかります。検証が完了すると、 Linguise ダッシュボードのDNSリストの右側に緑色の点が表示されます。Adobe Adobe Commerce ウェブサイトの翻訳はほぼ完了です。ただし、国旗が表示される言語切り替えツールへのリンクが表示されていません。.

Adobe Commerce ストアに言語スイッチャーを追加する
言語スイッチャーは、ご希望の言語を選択できるフラグポップアップです。これを読み込むには、 Adobe Commerce ページの先頭に記載されているコードをコピーする必要があります。これで、公開ウェブサイトにフラグ言語スイッチャーが自動的に読み込まれます。.
コピーするリンクは、ドメイン登録の最後またはドメイン設定に表示されます。 リンクをクリップボードにコピーします。

次に、 Adobe Commerce管理画面で、 「管理パネル」>「コンテンツ」>「設定」に移動します。 「スクリプトとスタイルシート」にコードを追加します。

これで、 Adobe Commerce フロントエンドで、 Linguise 言語スイッチャーが利用できるようになります。.
Adobe Commerce 言語切り替えのデザイン
言語スイッチャーは、 Linguiseダッシュボード > 設定 > 言語フラグ表示からカスタマイズできます。 ここでの変更はすべてウェブサイトに反映されます。

画面の右側には言語スイッチャーのプレビューが表示されます。 設定できる要素は次のとおりです。
- 3つのレイアウト: 並べる、ドロップダウン、ポップアップ
- 言語スイッチャーの位置
- 言語切替コンテンツ
- 英語または母国語の言語名
- フラグの形状とサイズ
- 色とボックスの影
Adobe Commerceのフロントエンド翻訳エディター
Adobe CommerceのHTMLコンテンツを翻訳者が簡単に変更できるようにします。ページ要素をクリックしてテキスト、リンク、または画像を置き換えることで、ページを編集できます。また、括弧{}をクリックしてメタ情報を編集することも可能です。

