WPBakeryとWPMLを使用した多言語サイトの構築方法

WPBakeryのコンテンツを他の言語に翻訳し、WPMLを使用して多言語ウェブサイトを作成する方法について説明します。

はじめに

以下のプラグインをインストールして有効化することから始めます。

• WPBakery （新しいタブで開く）ページビルダープラグイン
• WPMLコアプラグインおよびWPML 文字列翻訳アドオン

WPMLを初めて使用する場合は、スタートガイドをご覧ください。利用可能なさまざまな翻訳オプションについて簡単に説明しています。

WPMLを使用したWPBakeryページの翻訳方法

WPBakeryはWPMLのすべてを自動翻訳するモードと互換性があります。WPMLのセットアップ時にこのモードを選択すると、追加または編集したWPBakeryのページコンテンツがすべて自動的に翻訳されます。

翻訳するコンテンツを自分で決定したい場合は、WPMLのセットアップ時に一部を翻訳するモードを選択します。

一部を翻訳するモードを使用してサイトのコンテンツを翻訳するには：

1. ページのリストで、翻訳するページの横にある、言語の下のプラスアイコンをクリックします。
2. WPMLの高度な翻訳エディタが表示されます。AI翻訳の単語数がある場合、コンテンツは自動的に翻訳されます。これらの翻訳をレビューして承認するか、または翻訳を元に戻すをクリックして独自の翻訳を入力できます。AI翻訳の単語数がない場合は、自分で翻訳を追加します。
3. すべての翻訳が完了したら、保存して完了をクリックします。

これで、フロントエンドでデフォルト言語とセカンダリ言語のページを表示できるようになります。

現在翻訳可能なすべてのWPBakeryページビルダーモジュール

WPMLは、以下のWPBakeryページビルダーモジュールのテキストの翻訳をサポートしています。

1. テキストブロック
2. テキスト付きセパレーター
3. メッセージボックス
4. ホバーボックス
5. シングル画像
6. 画像ギャラリー
7. 画像カルーセル
8. タブ
9. ツアー
10. アコーディオン
11. ページャブルコンテナー
12. カスタム見出し
13. ボタン
14. コールトゥアクション
15. ウィジェット対応サイドバー
16. 投稿スライダー
17. ビデオプレーヤー
18. Google Maps
19. Flickrウィジェット
20. プログレスバー
21. 円グラフ
22. ラウンドチャート
23. 折れ線グラフ
24. 投稿グリッド
25. メディアグリッド
26. 投稿Masonryグリッド
27. Masonryメディアグリッド
28. Tweetmemeボタン
29. FAQ
30. WP検索
31. WPメタ
32. WP最近のコメント
33. WPカレンダー
34. WPタグクラウド
35. WPテキスト
36. WP最近の投稿
37. WPカテゴリー

Raw HTML要素の翻訳

WPMLの1つの設定により、Raw HTML要素のコンテンツを翻訳に送信するかどうかが決まります。この設定を確認するには：

1. WPML → 設定ページに移動します。
2. 投稿とページの同期セクションまでスクロールします。
3. ページビルダーオプションの下にある、raw HTML セルのコンテンツを翻訳に送信するオプションを見つけます。

このオプションはデフォルトでオンになっています。ページでRaw HTML、Raw JS、またはGoogle Maps要素を使用している場合は、オンのままにしてください。

このオプションは、高度な翻訳エディタ（ATE）または自動翻訳が翻訳を提供したときに、翻訳されたページが何を保持するかも決定します。

• オプションがオンの場合： 翻訳されたページはRaw HTML、Raw JS、およびGoogle Maps要素を保持します。
• オプションがオフの場合： WPBakeryは翻訳されたページからこれらの要素を削除します。

カスタムのonclickアクションを持つボタンは、このルールの例外です。オプションがオンの場合でも、WPBakeryはATEが翻訳するページからこれらのボタンを削除します。

オプションがオンの場合、翻訳者にはRaw HTML要素のコードが表示されます。翻訳者はコードを理解していないことが多く、翻訳時にコードを壊してしまう可能性があります。翻訳者には、表示されるテキストのみを変更するように伝えてください。

要素のテキストが翻訳エディタに表示されない場合は、翻訳のためのページビルダーモジュールの登録についてお読みください。

グリッド、テンプレート、スタイル、およびSEO設定

投稿およびメディアグリッド

WPMLは、投稿グリッド、メディアグリッド、投稿Masonryグリッド、およびMasonryメディアグリッド要素のテキストを翻訳します。翻訳されたページでは、グリッドに同じ言語の投稿が表示されます。

翻訳エディタまたはATEで翻訳したページでは、グリッドのLoad moreボタン、ページネーション、遅延読み込み、およびフィルターに「Nothing found」と表示される場合があります。

また、翻訳されたページのグリッドに、グリッドビルダーのアイテムテンプレートが元の言語で表示される場合もあります。現在、この問題の修正に取り組んでいます。

Templateraテンプレート

WPMLはまだTemplateraアドオンをサポートしていません。ページにTemplateraテンプレートが表示される場合、そのページのすべての翻訳でテンプレートが元の言語で表示されます。

カスタムCSSとデザインオプション

WPMLは、元のページからその翻訳に、ページのカスタムCSSと要素のデザインオプションのCSSをコピーします。

• 翻訳エディタまたはATEを使用してページを翻訳する場合、WPMLは翻訳を更新するたびにCSSを再度コピーします。
• WPBakeryで翻訳を編集する場合、翻訳は独自のCSSを保持します。

WPBakeryのSEO設定

WPBakeryのSEO設定を使用している場合、WPMLはそのテキストをページと一緒に翻訳に送信します。これには、SEOのタイトルと説明、フォーカスキーフレーズ、ソーシャルメディア用のタイトルと説明が含まれます。

WPBakery AI翻訳オプションの使用

WPBakery AIは、WPBakeryエディタ内の要素のテキストを翻訳できます。翻訳されたページでこれを使用する場合、WPMLの翻訳エディタではなくWPBakeryで翻訳を編集することになります。

WPMLは、この翻訳を手動で編集する他の翻訳と同様に処理します。

• WPBakeryで翻訳されたページを開くと、WPMLは編集内容が失われることを警告します。
• 次回ページを翻訳に送信した際、WPMLは翻訳を置き換えます。WPBakeryでの編集内容は失われます。

1つの言語で異なる翻訳を保持するには、ページごとに異なる翻訳エディタを使用するについてお読みください。

WPMLとWPBakeryページビルダーの互換性の維持

WPBakeryページビルダーとWPMLがどのように連携するかを説明した開発者向けドキュメントを用意しています。WPMLとWPBakeryページビルダー間の互換性を維持するための言語設定ファイルの更新について詳しくお読みください。