WPML GraphQLのご紹介 – ヘッドレスな多言語WordPressサイトの構築

WPMLとWPGraphQLを橋渡しし、GraphQLスキーマ内で多言語サポートを可能にする新しい連携プラグイン、WPML GraphQLのリリースをお知らせします。

Gatsby、React、Vueなどの人気のあるフロントエンド技術を使用する開発者向けに設計されたWPML GraphQLは、多言語でヘッドレスWordPressウェブサイトを作成するための最適なソリューションです。

ヘッドレスWordPressとは

簡単に言えば、「ヘッドレスWordPress」とは、WordPressが裏側で機能し、フロントエンドには別の技術を採用するセットアップのことです。

WordPressのテンプレートやURL階層に従うことなく、完全にカスタムされたフロントエンドアプリケーションの構築が必要になる場合があります。言い換えれば、WordPressテーマの仕組みに制限されることなく、独自のフロントエンドを構築したい場合です。

それでも、コンテンツの作成や編集のすべてのニーズにWordPressを使用し続けることができます。

ここで必要になるのは、WordPressのバックエンドから使用しているフロントエンド技術へデータを簡単に配信する方法です。そこでWPGraphQLの出番です。これにより、フロントエンドの各部分に必要なコンテンツ要素を正確かつ選択的に取得できるようになります。

そして最後に、WPMLプラグインから言語データと翻訳を取得するための魔法の要素となるのがWPML GraphQLです。これにより、カスタマイズされた多言語のヘッドレスWordPressサイトを構築できます。

ヘッドレスWordPressサイト構築に推奨される開発スタック

WPML GraphQLによる機能強化

WPML GraphQLはWPGraphQLと統合され、GraphQLスキーマに新しいフィールドとフィルターを追加します。プラグインをインストールした後、GraphQL → GraphQL IDEに移動し、Query Composerを使用して複数の言語でコンテンツをクエリおよびフィルタリングできます。

以下のスクリーンショットでは、languageフィールドを使用して、言語コード、スラッグ、URIを含むWordPressサイト上のすべての投稿リストをいかに簡単に取得できるかがわかります。また、translationsフィールドを使用して、各投稿の翻訳に関する同様の情報を取得することもできます。

WPML GraphQLとWPGraphQLのこの統合により、多言語における可能性の世界が広がります。

• ヘッドレスな多言語WordPressサイトの構築
• 新しいフィールド（language、language code、translations）を使用して、WPMLプラグインから特定の言語データと翻訳を取得
• 投稿タイプ、タクソノミー、コメントを言語でフィルタリング
• オブジェクトとノードの言語データを取得
• インストールされているすべての言語、または特定の言語に基づいてデータをクエリ

さらに、WPML GraphQLはACF、ACF Multilingual、およびWPGraphQL for Advanced Custom Fieldsともうまく連携します。これにより、ACFフィールドからの多言語データと簡単に対話できるようになります。

多言語機能がWPGraphQLをどのように向上させるかについての詳細は、WPML GraphQLの専用ページをご覧ください。

ダウンロードとインストール

WPML GraphQLプラグインは、WPMLダウンロードページから入手できます。

または、サイトの管理画面からプラグイン → 新規追加に移動し、商用タブをクリックします。

ご意見をお聞かせください

現在、ウェブ開発にWPGraphQLを使用していますか？多言語機能を備えたヘッドレスWordPressサイトを作成する予定はありますか？ぜひご意見をお聞かせください。

以下のコメント欄でフィードバックを共有し、WPML GraphQLプラグインをどのように使用する予定かをお知らせください。