Google Mapsを使用する多言語サイトの作成：課題と解決策

高度なGoogleマップのテクニックを使用する多言語サイトの構築は難しいように思えるかもしれません。しかし、適切なツールを使用して正しいアプローチをとれば、PHPプログラマーでなくても簡単に実現できます。

私たちは最近、Googleマップを多用するToolset用の新しい多言語の不動産リファレンスサイトを構築しました。これはToolsetの機能を紹介するために構築されたものですが、WPMLを使用した多言語サイトでGoogleマップを活用して何ができるかを示す良い例でもあります。

課題1：指定された半径内での物件検索の実装と多言語化

マップに多くのマーカーが表示されている場合、ユーザーはそれらをフィルターできることを期待します。

たとえば、私たちの不動産サイトの物件検索では、距離によって投稿をフィルターできます。ユーザーは特定の場所にある物件や、現在地から指定された半径内にある物件を検索できます。

すべての入力フィールドとボタンのラベルは、訪問者の言語で利用できる必要があります。

解決策

Toolsetを使用すると、あらゆるもののカスタム検索を構築し、結果をGoogleマップに表示できます。検索には距離によるフィルターを含めることができ、これによりユーザーは訪問者の現在地付近など、指定された場所の周辺の物件を検索できるようになります。

ToolsetプラグインはWPMLと互換性があります。つまり、Toolsetからの出力はすべてWPMLで翻訳できます。フィールドの値はWPMLの文字列翻訳に自動的に表示されます。テンプレートに追加したテキストも、wpml-stringショートコードで囲むことで簡単に翻訳可能にすることができます。

マップ内の特定の場所をクリックすると、より詳細な情報が表示され、関心のある対象についてさらに詳しく知ることができると期待するでしょう。

たとえば、私たちの不動産サイトでは、マーカーをクリックすると小さなツールチップがポップアップし、物件のタイトル、画像、および価格が表示されます。

これらのツールチップをGoogleマップに追加し、適切な言語で表示させるにはどうすればよいでしょうか。

回答

答えは簡単です。カスタム投稿タイプとカスタムフィールドを使用して、投稿（この例では不動産物件）に関する情報を保存します。

投稿タイプとフィールドを使用することで、サイトの保守が容易になります。サイトの編集者は入力すべきフィールドを正確に把握できます（右側のスクリーンショットを参照）。さらに、カスタムフィールドはWPMLを使用して簡単に翻訳できます。

その後、Googleマップのマーカーに投稿情報を表示したい場合は、必要なフィールドを選択するだけです。

詳細については、こちらのブログ投稿をご覧ください。

最後になりますが、テンプレート全体ではなくコンテンツのみを翻訳したい場合を想像してみてください。

これはGoogleマップを含むテンプレートにも当てはまります。マップを一度だけセットアップし、適切なテンプレートを含め、あとは投稿コンテンツとフィールドの翻訳作業のみを行うことが期待されます。

解決策

Toolsetプラグインを使用すると、テンプレートの作成とコンテンツの翻訳のタスクを簡単に分けることができます。

テンプレートを一度だけ作成し、そこに含まれるすべての文字列を翻訳可能な状態にします。これには、マップ上の場所、その他のカスタムフィールド、およびフォーム、ラベル、ボタンの入力フィールドが含まれます。

これらのすべての要素は、WPMLを使用して翻訳可能な状態にすることができます。詳細については、Toolsetで構築されたテンプレートの翻訳方法に関するドキュメントを確認してください。

WordPressサイトでのGoogleマップのその他の興味深い応用について詳しくは、Toolsetリファレンスサイトの高度なGoogleマップ機能に関する記事をご覧ください。

ToolsetとWPMLを使用して、PHPを使わずに高度な多言語サイトを構築する方法を学びたい場合は、不動産サイトの無料コピーを立ち上げてください。

私の名前はAgnes Buryです。この記事の執筆に加えて、Toolsetのリファレンスサイトやトレーニングサイトの構築も行っています。Toolsetに関する具体的なご質問がある場合は、お気軽にお問い合わせください。