在 WordPress 中添加谷歌地图的简单无痛指南

在 WordPress 中添加谷歌地图的简单无痛指南


谷歌地图。

无论您是大型组织还是创业型企业主,甚至只是小镇咖啡店,都必须在 Google 地图上展示您的营业地点!

但是,如果您是像我这样的超级初学者,那么将 Google 地图添加到您的 WordPress 网站的行为可能看起来非常神秘。

好吧,你很幸运!

我们知道迷失在所有技术性的庞然大物中是多么容易,因此我们制作了这个简单而轻松的指南,帮助您将 Google 地图添加到您的网站。

就像那句老话,“给猫剥皮的方法不止一种”,您可以打赌,也有几种安装 Google 地图的方法,但我们只关注两种主要方法。

您只需具备一些基本的编码知识或熟悉 WordPress 仪表板即可开始使用,您就是金子!

方法#1:手动添加它们

如果您喜欢动手操作,您可以选择将 Google 地图作为帖子或文章手动添加到您的 WordPress 网站中。

首先,您需要找到要在 Google 地图中显示的位置。 完成后,单击共享图标:

点击谷歌地图上的分享按钮

执行此操作时,它应该会在 Google 地图中打开另一个带有位置代码 (iframe) 的窗口。 这就是事情可能会变得有点冒险的地方。

单击嵌入地图按钮,然后您可以复制他们给您的整个位置代码。 您还可以选择地图的大小或设置自定义大小。 无论您做什么,都不要忘记复制位置代码!

从嵌入部分复制位置代码

所以现在你有了位置代码。 你做什么工作?

好吧,加载旧的 WordPress 仪表板以将位置嵌入到您的 WordPress 帖子或页面中。

转到帖子>添加新的,或打开您已经在编辑模式下创建的帖子/页面。 在这里,选择文本选项而不是视觉,并将位置代码放在文本中您想要的位置。

在文本模式下,将整个位置代码粘贴到您的 WordPress 文章/帖子中

将代码放入帖子后,切换回视觉显示以检查并确保地图已正确嵌入。

粘贴位置代码后,切换回可视模式。

瞧,你已经完成了,你有一个页面,里面有你的谷歌地图! 如果没有正确加载,请检查位置代码是否正确复制和粘贴。

方法#2:使用插件

如果最后一种方法对你来说还是有点太难了,那就不用担心! WordPress 不仅让您可以轻松创建网站,还可以通过插件轻松添加 Google 地图等功能。

虽然有数百个可用于 Google 地图的插件,但我们建议您使用 WebFactory 的 Google Maps Widget,因为它的速度和庞大的功能列表。

谷歌地图小部件

马上,关于 Google Maps Widget 的最好的事情之一就是它们可以从 WordPress 插件目录中免费下载。

安装只需大约一分钟,然后您可以在几分钟内自定义您的地图并将其嵌入您的 WordPress 网站。

还需要帮助吗? 这是 WebFactory 的人们制作的一个方便的视频:

当然,如果您真的想让您的地图脱颖而出,不妨试试 Google Maps Widget PRO 版本。

使用 PRO 版本,您可以在地图上固定多个地址并扩展插件以包含 50 多个功能。 它还为您提供超过 20 种灯箱皮肤、15 种地图皮肤和超过 1,500 个自定义地图图钉。

如果这不令人印象深刻,那么只需查看他们的完整功能列表:

  • 反应迅速
  • 与所有 WordPress 主题和插件兼容
  • 每张地图带有无限大头针的自定义信息气泡
  • 超过 15 种地图皮肤
  • 超过 20 个灯箱皮肤
  • 超过 1,500 个自定义地图图钉
  • 每页无限地图
  • 可定制的地图语言
  • 4 种地图模式:方向、视图、街道和街景
  • 具有高级缓存的最快加载地图
  • 完全支持简码和隐藏侧边栏,方便简码处理
  • 使用导出和导入工具轻松进行站点迁移
  • 与 Google Analytics 集成以跟踪有多少访问者打开了地图
  • 位于美国的出色电子邮件支持
  • 定期补丁、更新和新功能。

除了您在 PRO 版本中获得的所有惊人功能外,Google Maps Widget 被广泛认为是 WordPress 中最快的 Google Map 插件。

部分原因是,Google Maps Widget 不会将大型交互式地图加载到您的网站中,而是呈现地图的缩略图。 这减少了访问者和您的网络主机所需的传输数据量,从而使一切加载速度更快。

当然,如果您刚刚开始并且不确定是否应该在插件上挥霍,Google Maps Widget PRO 提供 7 天全额退款试用期!

这样,您可以尽可能多地尝试它,并检查它是否适用于您的网站或您安装的任何其他插件。 如果您觉得不需要它,那么只需回滚到原始的免费版本。

阅读更多

Leave a Comment