WPML

このページは、CornerStone開発チームおよびCornerStoneページビルダーを使用するWeb開発者向けです。言語設定ファイルを更新して、CornerStoneとWPMLの互換性を維持するプロセスについて説明します。

翻訳用のカスタムページビルダーウィジェットの登録では、言語設定ファイルを使用して翻訳用のカスタムページビルダーウィジェットを登録する方法を詳しく説明しています。ここでは、CornerStoneウィジェットでこれを実現するために必要な情報を確認します。

ウィジェットの登録情報の検索

wpml-config.xmlファイル内にCornerStoneカスタムウィジェットを登録するには、まずそのウィジェットに関する基本情報を見つける必要があります。

この情報は、_cornerstone_dataカスタムフィールドから、またはJSM Show Post Metadata (新しいタブで開く)のようなプラグインを使用して簡単に取得できます。このプラグインは、投稿編集ページの下部にあるメタボックスに、投稿メタデータとそのアンシリアライズされた値を表示します。

または、次の手順を使用してこの情報を取得することもできます。

  1. WPML設定ページに移動し、カスタムフィールド翻訳セクションまでスクロールして、システムフィールドを表示リンクをクリックします。
  2. _cornerstone_dataカスタムフィールドを翻訳に設定します。
  3. 新規ページを作成し、登録するCornerStoneウィジェットのみを追加します。ページを保存します。
  4. WPML設定翻訳エディタに移動し、新しい翻訳のエディタとしてクラシック翻訳エディタを一時的に選択します。
  5. ステップ3で作成したページをクラシック翻訳エディタを使用して翻訳しようとすると、次のようなウィジェットの要素ツリーが表示されます。
WPMLのクラシック翻訳エディタに表示されたCornerStoneウィジェットのシリアライズされた配列
WPMLのクラシック翻訳エディタに表示されたCornerstoneウィジェットの要素ツリー
  1. フィールドのコンテンツをコピーします。
  2. 使い慣れたJSONフォーマッターを使用して、ウィジェットがコンテンツをどのように出力しているかをよりわかりやすく確認します。

表示される配列のコンテンツの説明は次のとおりです。

  • [_type]には、ウィジェットのタグのname属性に挿入された名前が含まれます。
  • fieldの値は、フィールド名を含む角括弧内の名前になります。例:[testimonial_content] => You are never too old to set another goal or to dream a new dream。この場合、「title」が必要なテキストです。

この情報を取得したら、実際に翻訳用のウィジェットの登録に進むことができます。

たとえば、Cornerstoneに付属するTestimonialウィジェットは、_cornerstone_dataカスタムフィールドにこれと似た構造を持っています。この情報を使用して、WPMLで検出および翻訳できるようにするには、ウィジェットを次のように登録する必要があります。

<wpml-config>
  <cornerstone-widgets>
    <widget name="testimonial">
      <fields>
        <field type="Testimonial: Content">testimonial_content</field>
      </fields>
    </widget>
  </cornerstone-widgets>
</wpml-config>

TestimonialウィジェットはWPMLによってリポジトリ (新しいタブで開く)にデフォルトで登録されているため、もちろんこの作業は必要ありません。ただし、カスタムウィジェットの例として役立ちます。

言語設定ファイルのテスト

設定ファイルを作成したら、次の手順に従って、すべてが期待どおりに登録されているかテストします。

  1. CornerStoneとWPMLの両方を有効にしたインストールをセットアップします。文字列翻訳とメディア翻訳アドオンを有効化します。
  2. WPMLのリモート言語設定ファイルを更新されたファイルで上書きする必要があります。これを行うには、WPML設定ページに移動し、カスタム XML 設定タブをクリックします。更新した言語設定ファイルのコンテンツをエディタにコピーし、保存をクリックします。
更新されたファイルによるリモート言語設定ファイルの上書き
更新されたファイルによるリモート言語設定ファイルの上書き
  1. 新規ページを作成し、新しいモジュールを追加します。既存のモジュールの属性を更新した場合は、それらもページに追加します。この例では、TestimonialモジュールがCornerStoneページビルダーに新しく追加されたと想定します。これをページに追加し、公開します。
ページへの新しいモジュールの追加と公開
ページへの新しいモジュールの追加と公開
  1. プラスアイコンをクリックしてページを翻訳します。これにより、翻訳エディタ画面が表示されます。
  2. モジュールのテキスト要素が高度な翻訳エディタ画面に表示されていることを確認します。
  3. 翻訳されたテキストを入力し、保存して完了ボタンをクリックします。
テキスト要素の翻訳と「保存して完了」のクリック
テキスト要素を翻訳し、「保存して完了」をクリック
  1. フロントエンドで翻訳されたページを確認します。
フロントエンドで機能する翻訳(この例の「fr」はフランス語のテスト指定です)
フロントエンドで機能する翻訳(スペイン語)

翻訳されたページにはすべての翻訳済み文字列が表示され、更新された言語設定ファイルが正しく機能していることがわかります。問題が発生した場合は、互換性開発チームにお問い合わせください。言語設定ファイルに関連する問題の確認を喜んでサポートいたします。

テストが完了したら、リポジトリ (新しいタブで開く)にマージリクエストを送信してください。互換性開発者がリクエストを受け取り、レビューします。

執筆者:Amir