DiviまたはExtraとWPMLを使用して多言語Webサイトを作成する方法

公開: 2019-01-04

DiviとExtraを使用して多言語Webサイトを作成するのは簡単です。 どちらもWPMLに対応しているため、DiviとExtraを使用して多言語のWebサイトを作成できます。 WPMLは、DiviおよびExtraとの互換性を向上させる変更を加え、Webサイトの翻訳をさらに簡単にする機能を追加しました。 この記事では、DiviまたはExtraとWPMLを使用して多言語Webサイトを作成する方法を説明します。

WPMLとは

WPML(WordPress Multilingual)は、同じコンテンツの複数のバージョンを作成し、各バージョンを異なる言語にすることができるプレミアムプラグインです。 次に、各リーダーに適切な言語のバージョンを自動的に配信します。 ウェブサイトや個々の投稿には言語リンクも含まれているため、読者は希望する言語を選択できます。

WPMLはすでに強力な翻訳プラットフォームでしたが、現在は自動的に翻訳を実行するAdvanced TranslationEditorを備えています。

WPMLの設定

まず、ニーズに最適なバージョンのWPMLプラグインを購入します。 多言語CMSおよび多言語エージェンシーはページビルダーをサポートします。

私たちのYoutubeチャンネルを購読する

必要なプラグインをすべてダウンロードしてインストールします。

設定を確認し、サイトの言語、翻訳言語、メニュー、フッター、ウィジェットのメニュースイッチャーの場所、投稿の翻訳へのリンクなどを設定します。これらの各設定は後で編集できます。 さらに多くの設定については、この設定画面に戻ってください。

追加の必要なプラグイン

Diviを簡単に翻訳するには、2つの追加のWPMLアドオンが必要です。

  • 翻訳管理–翻訳者や翻訳サービスとやり取りできるようにインターフェースを作成します。
  • 文字列の翻訳–タグライン、ウィジェットなどの文字列を翻訳します。

クリックして各アドオンをインストールします。 文字列翻訳は設定する必要はありませんが、翻訳管理を設定する必要があります。

翻訳管理の設定

ダッシュボードメニューの[ WPML] > [翻訳管理]に移動します。 ここでは、誰が翻訳マネージャーになるかを選択します。 これは、新しいユーザー、現在のユーザー、またはあなたである可能性があります。

翻訳方法を選択してください。 独自の翻訳者を使用するか、利用可能なサービスを確認してください。

これは、説明、評価、およびそれらをアクティブ化するためのボタンを含むサービスのリストを表示します。 また、他の翻訳サービス用のいくつかのタブと、翻訳管理システム用のアドオンも含まれています。

翻訳サービスを使用しない場合は、ローカルの翻訳者を追加できます。

翻訳エディタを選択してください。 自動翻訳オプションがあるため、高度な翻訳エディタを選択することをお勧めします。

概要を確認し、[完了]をクリックます。

[翻訳管理]画面に、翻訳するアイテムのリストが表示されます。 タブを使用して、役割、サービス、および翻訳ジョブを調整することもできます。

WordPressエディターからの翻訳の実行

投稿エディタのサイドバーに翻訳オプションが表示されます。 これはクラシックエディタです。 投稿を翻訳するには、翻訳先の言語の横にある[+]をクリックします。 セットアップ中に選択した言語が表示されます。 必要に応じて、投稿を複製することもできます。

グーテンベルクを使用している場合は同じ場所にあります。

高度な翻訳エディタ

言語を選択すると、WebサイトからAdvanced TranslationEditorに移動します。 [自動的に翻訳]というラベルの付いたヘッダーの中央近くにある水色のボタンをクリックします。

自分でレビューできるように文を不完全なままにするか、レビューせずに完了としてマークするかを選択します。 [翻訳]をクリックします。

翻訳が完了すると、中央のフィールドに翻訳されたテキストが表示されます。 コンテンツは文章に分割されているため、個別に表示および編集できます。 編集するテキストをクリックすると、右側のエディターに表示されます。 ここでは、元のテキストをコピーして貼り付け、機械翻訳の実行を選択し、用語集を開き、スペルチェックを使用して下書きとして保存し、保存して完了することができます。

緑のチェックマークをクリックすると、テキストのそのセクションが完了としてマークされ、エラーが強調表示され、次のセクションが読み込まれます。 各翻訳を承認し、右下隅にある[完了]をクリックします。

次に、テキストのプレビューをビジュアルビューとHTMLビューで表示します。

右下の[完了]をクリックすると、作業が完了したと宣言され、投稿エディタに戻り、他の翻訳を選択できます。 選択した言語は、この投稿のリストに表示されなくなります。 リストの下には、翻訳という単語と「 show」というラベルの付いたリンクがあります。

リンクをクリックすると、編集ボタンでこの投稿を翻訳した翻訳が表示されます。 アップデートが利用可能な場合は、円または矢印が表示されます。 クリックすると、高度な翻訳エディタが開き、承認する翻訳が黄色で強調表示されます。

「Bed&Breakfast」というフレーズを「BedandBreakfast」に戻して編集したので、翻訳されます。 ページを更新しても翻訳を更新しない場合、オリジナルは更新していない言語で表示されます。

ページがギリシャ語で利用可能であるというメッセージが左上隅に表示されるようになりました。

テキストをクリックすると、新しい翻訳のページが再び開きます。 ギリシャ語で私のWordPressメニューを表示します。 クリック可能なテキストは、英語が利用可能であることを示しています。

翻訳管理画面からの翻訳の実行

翻訳ダッシュボードには、記事と翻訳のリストが表示されます。 翻訳の準備ができているとマークする記事を選択し、リストの一番下までスクロールします。

記事を翻訳する言語を選択し、ボタンをクリックして、選択した記事を翻訳バスケットに追加します。

翻訳バスケットと呼ばれる新しいタブが追加されました。 翻訳される記事、翻訳される言語、バッチ名、提案された期限、および翻訳者またはサービスを割り当てることができるドロップダウンボックスが表示されます。

投稿の編集

投稿リストから投稿に翻訳を追加することもできます。 フラグのリストがリストに追加され、各フラグの下に+が付きます。 翻訳したい言語の+を選択するだけです。 これにより、 Advanced TranslationEditorが開きます。

Diviと追加のカスタムレイアウトの翻訳

Divi Libraryを使用すると、ページや投稿などのレイアウトを翻訳できます。 個々のモジュール、行、セクション、および完全なレイアウトを翻訳します。 フラグがリストに追加されます。 レイアウトには、必要な翻訳のためにクリックできる+記号が含まれています。 +記号をクリックすると、 Advanced TranslationEditorが開きます。

DiviおよびExtraGlobalモジュールの翻訳

標準およびグローバルのセクション、行、およびモジュールを変換できます。 レイアウトを作成するときは、ページの下部にある多言語コンテンツ設定[レイアウト]を翻訳可能にするが選択されていることを確認してください。 ここからカスタム分類を選択することもできます。

セクション全体をグローバルとしてDiviライブラリに保存しました。 グローバルレイアウトは、Diviライブラリから翻訳用に選択できます。 回転する矢印をクリックすると、任意の翻訳を更新できます。

通常どおりに翻訳を実行します。 これで、グローバルモジュールを使用するページを翻訳するときに、ページの他の要素のみを翻訳する必要があります。 グローバルモジュールの翻訳されたコンテンツは、トランスレータにプリロードされます。

文字列の翻訳

文字列翻訳は、ウィジェット、タグラインなどのDiviテーマ文字列を翻訳します。ダッシュボードメニューの[ WPML] > [文字列翻訳]に移動し、ドメインとして[ Divi ]を選択します。

翻訳する文字列を選択し、[翻訳オプション]まで下にスクロールして、必要な翻訳を選択し、[翻訳バスケットに追加]クリックします。 ページや投稿と同じように、翻訳管理リストに表示されます。

メニュー

メニューには翻訳リンクも含まれています。 必要な言語をクリックすると、新しいメニューエディタが開きます。

ここでは、翻訳したページを見ることができます。 新しいメニューを作成し、それが翻訳されているメニューを選択します。 このメニューは、訪問者がその言語を選択したときに使用されるようになりました。

WooCommerce多言語

WooCommerce Multilingualは、 WooCommerceのあらゆる側面を翻訳できるWPMLのアドオンです。 WooCommerceでWCMLを使用すると、複数の国際市場からの売り上げとトラフィックを増やすことができます。 商品、ショッピングカートのコンテンツ、配送、URL、画像などを翻訳することで、多言語SEOの向上に役立ちます。複数の通貨で複数の支払いオプションを提供できます。

インストールすると、セットアップウィザードを実行するかどうかを尋ねられます。

ストアページの言語を選択してください。 ページは自動的に作成されます。 これらは、最初にWPMLを設定したときに選択した言語です。

グローバル属性(色とサイズ)を選択します。

異なる通貨の価格を設定するには、マルチ通貨モードを有効にします。

まだ翻訳されていなくても、製品を表示するかどうかを選択します。

多言語機能がWooCommerceに統合されました。 設定でさらに調整を加えることができます。

翻訳ボタンが商品リストに追加されました。

これにより、 WooCommerce Multilingualが開き、ページや投稿と同じ方法で製品を翻訳することを選択できます。

+をクリックすると、自動翻訳を実行できるAdvanced TranslationEditorが開きます。

翻訳機能も製品エディタに追加されています。 予想どおり、ページや投稿とまったく同じように機能します。

終わりの考え

WPMLは、DiviおよびExtraとの動作を改善するために多くの新機能を追加しました。 Advanced Translation Editorの自動翻訳機能だけでも、多言語のWebサイトを作成できます。 WPMLには、グローバルなプレゼンスを構築するのに役立つWooCommerceなどの多くの統合も含まれています。 DiviまたはExtraのWebサイトを複数の言語で提供する場合は、WPMLが最適です。

我々はあなたから聞きたい。 DiviまたはExtraでWPMLを試しましたか? コメントであなたの経験について教えてください。

TarikVision /shutterstock.com経由の注目の画像