ドラッグ＆ドロップのレイアウトで作成されたサイトの翻訳

バージョン3.2以降、WPMLは他のプラグインやテーマによって作成されたエンティティを翻訳できるようになりました。この記事では、レイアウトを翻訳する方法を紹介します。基本的な考え方は、すべての言語で1つのレイアウトのみを使用し、その中のテキストのみを翻訳するというものです。

Layoutsの概要

Layoutsプラグインは、ページレイアウト用のドラッグ＆ドロップエディタです。LayoutsはBootstrapベースのテーマと連携し、レスポンシブデザインを生成します。これは、WordPress開発プラグインのToolsetパッケージの一部です。

Layoutsは、最初のピクセルから最後のピクセルまで、ページ全体をデザインします。Layouts自体には装飾的なコンテンツ要素が含まれていないため、非常にシンプルです。Layoutsは他のToolsetプラグインと連携して機能するため、ページ要素の巨大な（そして時には肥大化した）ライブラリを持つ必要はありません。レイアウトのセルは、サイトやフォームからの動的コンテンツを表示できます。ライブラリからセルを選択してカスタマイズする代わりに、Toolsetプラグインを使用すると、プログラミングなしで独自のセルを簡単に作成できます。

Layoutsベースのサイトの翻訳

作成するレイアウトには通常、いくつかの「静的」テキストと動的コンテンツが含まれます。例えば、私たちの「企業サイト」の例を見てみましょう。

動的要素には、サービスのリストやおすすめの記事が含まれます。これらはViewsを使用して作成されます。Viewは、表示テンプレートを備えたWP_Queryのようなものです。WPMLはクエリにフックし、正しい言語でコンテンツを読み込むようにするため、Viewsを翻訳するために何かをする必要はありません。まったく同じViewが、表示されている言語で正しいコンテンツを読み込みます。

このページの静的要素は見出しです。「Our Services」や「Features Articles」といったテキストはレイアウトの一部です。これらは動的コンテンツから取得されたものではありません。別の言語のホームページに同じレイアウトを使用する場合、これらのテキストを翻訳して表示したいと思うでしょう。ここで、WPMLのパッケージ翻訳が役立ちます。これはWPML 3.2で追加された新しいAPIであり、他のすべての開発者が利用できるよう公開されています。

Layoutsプラグインは、WPML用のパッケージを作成します。レイアウトのパッケージには、レイアウト内にあり翻訳が必要なすべての静的テキストが含まれます。これらのパッケージは、WPMLの翻訳エディタを使用して翻訳する通常のWordPressコンテンツと非常によく似ています。翻訳が必要なすべてのフィールドが表示されます。

このようにして、1つのレイアウトを作成し、サイトのすべての言語で使用します。静的テキストのみを翻訳し、すべての動的コンテンツは正しい言語で表示されます。

試してみませんか？

ToolsetプラグインとWPMLを試すことができるテストサイトを用意しました。これを使用するには、プライベートな無料トレーニングサイトを立ち上げてください。

テストコンテンツはすでに作成されているため、Layoutsと翻訳プロセスを試すことができます。

サイトのデフォルト言語は英語で、スペイン語に完全に翻訳されています。フランス語のコンテンツも追加しましたが、レイアウトはフランス語に翻訳していません。

ビデオを見ながら、以下の手順に従ってください。

1. discover-wp.comでトレーニングサイトを作成する
2. サイトのホームページにアクセスし、フランス語に切り替えます。すべての動的要素は確かにフランス語になっていますが、静的テキストは英語のままであることに気づくでしょう。
3. まずはLayoutsを操作して、どのように機能するかを確認します。
4. WPML->翻訳管理に移動します。「翻訳ダッシュボード」タブの「フィルター」セクションで、「タイプ」ドロップダウンから「Layouts」を選択します。
5. Homeレイアウトを選択し、フランス語への翻訳に送信します（スペイン語にはすでに翻訳されています）。
6. WPML->翻訳に移動し、Layout-Homeジョブを見つけて「take and edit」をクリックします。
7. テキストを翻訳します。ヘルプが必要な場合は、ページ上の主なテキストについて、この翻訳チートシートを使用してください。

   英語	フランス語
   Our Services	Nos services
   Featured articles	Articles Vedettes
   Testimonials	Témoignages
   Company Overview	Présentation de l’entreprise
   Recent News	Nouvelles récentes

   
   各フィールドの横にある「Translation finished」をクリックし、ページの一番下、「保存」ボタンのすぐ上にある「Translation complete」チェックボックスをクリックすることを忘れないでください。
8. フランス語のホームページに再度アクセスします。これで、静的テキストを含むすべてが翻訳されて表示されるはずです。
9. レイアウトを編集して、再度試してみてください。変更がサイトのすべての言語に適用されることがわかります。テキストを編集または追加した場合は、翻訳ダッシュボードから開始して、翻訳を更新する必要があります。

上記の手順は、リファレンスサイトを使用してLayoutsを翻訳する場合に適用されます。このサイトには、必要なすべてのプラグインがプリインストールされています。

ご自身のサイトで手順に従いたい場合は、wp-types.comの「How to translate Layouts」ドキュメントを参照してください。そこには、必要なすべてのプラグインのリストとさらに多くの例が記載されています。

次のステップ

もちろん、Layoutsでの編集を気に入っていただけた場合は、ぜひToolsetをご購入いただき、実際のプロジェクトでご活用ください。

私たちは、複雑な構造の簡単な翻訳を提供するプラグインやテーマがさらに増えることを望んでいます。ページビルダー、フォーム、その他の「非WordPress」要素を使用している場合は、それらのプラグインやテーマの開発者に連絡することをお勧めします。WPMLでのこの可能性について彼らに伝えてください。私たちは他の開発者と協力し、パッケージ翻訳APIを統合することに非常に強い関心を持っています。

ここにコメントを残していただければ、返信いたします。