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

谷歌地图。

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

但如果你是像我这样的超级初学者,那么就可以在你的网站上添加谷歌地图了 WordPress 网站可能看起来非常神秘。

好吧,你很幸运!

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

就像古老的格言一样,“皮肤猫的方法不止一种“你可以打赌你的底价有几种安装谷歌地图的方法,但我们只关注两种主要方式。

所有你需要开始的只是一些基本的 编码 知道或熟悉 WordPress 仪表板,你是金子!

方法#1:手动添加它们

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

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

点击Google地图上的“分享”按钮

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

单击“嵌入地图”按钮,然后您可以复制他们为您提供的整个位置代码。 您还可以选择地图的大小或设置自定义大小。 无论你做什么,别忘了复制位置代码!

从“嵌入”部分复制位置代码

现在您已拥有位置代码。 你是做什么?

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

转到“帖子”>“添加新内容”,或打开您已在编辑模式下创建的帖子/页面。 在这里,选择“文本”选项而不是“可视”,然后将位置代码放在文本中所需的位置。

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

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

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

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

方法#2:使用插件

如果最后一种方法对您来说仍然有点太难,请不要担心! WordPress 不仅让你轻松 开始一个网站,它们还可以非常轻松地添加插件等功能,例如谷歌地图。

虽然有数百个可用于Google地图的插件,但我们建议您使用 谷歌地图小工具 通过WebFactory的速度和巨大的功能列表。

谷歌地图小工具

马上,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 还被广泛认为是最快的 Google 地图插件 WordPress.

部分原因是因为Google Maps Widget不会将大型的交互式地图加载到您的网站中,而是呈现地图的缩略图。 这减少了 需要传输的数据量 对于访客和您的 虚拟主机,从而使 一切加载更快.

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

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

了解更多

作者照片

Azreen Azmi 的文章