WPML

构建使用高级 Google Maps 技术的多语言网站似乎是一项挑战。然而,如果您使用正确的工具并采用正确的方法,即使您不是 PHP 程序员,它也会变得轻而易举!


我们最近为 Toolset 构建了一个新的多语言房地产参考网站,该网站严重依赖 Google Maps。我们构建它是为了展示 Toolset 的功能,但实际上,它也是一个很好的示例,展示了如何使用 WPML 为多语言网站实现 Google Maps 功能。

挑战 1:如何实现给定半径内的房产搜索并使其支持多语言


当地图显示许多标记时,用户希望能够对其进行筛选。

例如,我们的房地产网站的房产搜索功能允许您按距离筛选文章。用户可以查找特定位置或其当前位置给定半径内的房产。

所有输入字段和按钮标签都应以访客的语言提供。

根据距兴趣点的距离搜索房产
根据距兴趣点的距离搜索房产

解决方案

Toolset 允许您为任何内容构建自定义搜索,并在 Google Maps 上显示结果。您的搜索可以包含按距离筛选,这允许用户搜索给定位置周围的房产,包括访客当前位置附近的房产。

Toolset 插件与 WPML 兼容。这意味着来自 Toolset 的任何内容都可以在 WPML 中进行翻译。字段值会自动显示在 WPML 的字符串翻译中。您添加到模板中的任何文本也可以轻松地包裹在 wpml-string 简码中,以使其可翻译。

在 Toolset 中添加按距离筛选,并使您的一些表单字段支持 WPML
在 Toolset 中添加按距离筛选,并使您的一些表单字段支持 WPML

挑战 2:如何以给定语言显示标记弹出工具提示


当您点击地图上的特定位置时,您希望看到更多细节并了解有关您感兴趣的对象的更多信息。

例如,在我们的房地产网站中,当您点击标记时,会弹出一个小工具提示,显示房产标题、图片和价格。

使用 Google Maps 的多语言网站上的标记工具提示
使用 Google Maps 的多语言网站上的标记工具提示

您将如何将这些工具提示添加到 Google Maps,并使它们以适当的语言显示?

答案

使用自定义字段存储文章详情。字段易于编辑和翻译,您还可以将它们包含在地图标记中。
使用自定义字段存储文章详情。字段易于编辑和翻译,您还可以将它们包含在地图标记中。

答案很简单。使用自定义文章类型和自定义字段来存储有关您的文章(在我们的案例中为房地产)的信息。

文章类型和字段使您的网站易于维护。您网站的编辑将确切知道要填写的字段(见右侧的屏幕截图)。此外,使用 WPML 很容易翻译自定义字段。

然后,当您想在 Google Maps 标记中显示文章信息时,只需选择所需的字段即可。

查看这篇博客文章以了解更多详情。

挑战 3:如何只创建一次模板并仅翻译内容


最后同样重要的是,让我们假设您只想翻译内容,而不是整个模板。

这也适用于包含 Google Maps 的模板。您希望只需设置一次地图,包含适当的模板,然后只需处理翻译文章内容和字段的任务。

只创建一次模板并仅翻译内容。使用 Toolset 插件创建的房产页面模板布局
只创建一次模板并仅翻译内容。使用 Toolset 插件创建的房产页面模板布局


解决方案

如果您使用 Toolset 插件,则可以轻松地将创建模板和翻译内容的任务分开。

您只需创建一次模板,并使其中包含的所有字符串准备好进行翻译。这些包括地图上的位置、其他自定义字段以及表单、标签和按钮的输入字段。

您可以使用 WPML 使所有这些元素准备好进行翻译。请查看有关如何翻译使用 Toolset 构建的模板的文档以获取详情。

Google Maps 的其他有趣应用

Google Maps 的其他有趣应用
Google Maps 的其他有趣应用

请参阅有关 Toolset 参考网站中的高级 Google Maps 功能的文章,了解 Google Maps 在 WordPress 网站中的其他一些有趣应用。

如果您想了解如何在不使用 PHP 的情况下使用 Toolset 和 WPML 构建高级多语言网站,请启动房地产网站的免费副本。

想与我取得联系?


我叫 Agnes Bury。除了写这篇文章,我还负责构建 Toolset 的参考和培训网站。如果您对 Toolset 有具体问题,随时可以问我

觉得有用吗?分享这篇文章: