如何在 WordPress 中嵌入 Google 日历 – 3 种简单方法

已发表: 2020-03-26

Google 日历是一款非常有用的应用程序，可让您组织日程安排、管理和共享活动，并提高工作效率。 这就是为什么世界上有这么多人使用它，你也应该使用它。 如果您可以将它与您的网站集成呢？ 那不是很了不起吗？ 在本指南中，我们将逐步向您展示如何在 WordPress 中嵌入 Google 日历。

为了让您了解这个工具有多么有用，让我们以我为例。 早在使用 WordPress 之前，我还是一名生活繁忙的大学生。 这很有趣，但我没能跟上很多事情，因为我有太多的截止日期要赶，而记忆力太少了。 然后，谷歌日历推出了，从那以后它救了我——不是我，而是其他许多人。

如今，有超过 250,000 个网站被归类为 Google Calendar 客户，其中近 100,000 个网站使用 Google Calendar。 如果您不熟悉 Google 日历，您可能想知道它是如何获得如此多的认可的？ Google 日历可帮助您安排会议、创建提醒、管理和回复会议邀请、共享和查看日历以及许多其他事情。

但是，当我们谈论 WordPress 网站的 Google 日历时，它的内容比您所知道的要多。 在本指南中，我们将向您展示如何在 Google 日历中嵌入 WordPress，以及如何充分利用这个出色的工具。

谷歌日历简介

每个人都熟悉科技巨头谷歌。 在 Google 的各种应用程序中，日历作为日常任务和活动的最有效工具之一脱颖而出。 简而言之，它可以帮助组织用户的生活，既可以单独工作，也可以与 Gmail 等其他 Google 应用程序合作。

对于企业而言，Google 日历非常有用，因为它允许您创建活动、向客人发送邀请、创建定期活动、管理参与人员以及设置可选的与会者等。 此外，对于 G Suite 高级用户，Google 日历还有许多其他功能，例如设置视频会议以及添加和管理场所。

为什么要在 WordPress 中嵌入 Google 日历？

现在我们了解了个人、团体和企业为何使用此工具，让我们继续讨论为什么应该将 Google 日历添加到您的 WordPress 网站：

  1. 让您的客户了解未来的活动：在您的网站上使用 Google 日历可以让您的客户了解即将发生的活动，以便他们腾出时间参与。 这样，您可以确保每个人都提前了解并加入活动。
  2. 管理个人约会：如果以上是为用户着想，则此目的仅适用于您。 您可以通过在此处列出所有活动、添加注释、提醒以及简化工作时间所需的一切来管理您的所有活动。 这是谷歌日历供个人使用的主要目的，但现在它与您的网站集成，优势将是多方面的。

将 Google 日历与您的 WordPress 网站集成是让您的用户了解即将发生的重要事件的绝佳方式。 此外，它是创建活动和定期会议、管理参与者以及安排视频通话等的绝佳工具。 确实有许多其他插件具有类似的功能。 那么，为什么要坚持使用 Google 日历呢？ 尽管谷歌并不是唯一一个意识到为 WordPress 企业开发日程安排和管理工具的重要性的品牌，但谷歌日历从一开始就一直处于领先地位，因为它的功能是不可战胜的。

此外，它是谷歌，所以品牌识别非常强大。 其他插件具有不同的功能，但事实是，它们通常不是很有帮助。 此外，尽管大多数插件都要求您为高级功能付费，但这些功能与 Google 日历不匹配。 所以，如果你必须付费，你最好用你的钱来扩展谷歌日历的功能。

如何在 WordPress 中嵌入谷歌日历？ 分步指南

将 Google 日历添加到 WordPress 有 3 种不同的方法：

  1. 带插件
  2. 通过 WP 块编辑器
  3. 使用 HTML

所有这些方法都非常有效，因此您应该选择最适合您的技能和需求的方法。 现在，让我们仔细看看每个选项。

1) 使用插件在 WordPress 中嵌入 Google 日历

现在，让我们看看如何通过三个简单的步骤实现这种集成。 几个支持插件可帮助您在 WordPress 网站中嵌入 Google 日历。 但是，在本教程中，我们将使用推荐度最高的插件： Simple Calendar 。 此工具可帮助您以非常简单的方式在 WordPress 中显示 Google 日历。

除了按周或月或列表格式显示事件外，它还与您的 Google 日历同步，这意味着您无需向 WordPress 添加任何内容。 更重要的是，您还可以通过使用它的许多附加组件或连接其他插件来自定义它的外观并走得更远。

第 1 步：将简单日历添加到 WordPress

将 Google 日历添加到 WordPress 的第一步是在您的网站上安装简单日历。 为此，只需：

  • 在您的WordPress 仪表板中，转到插件部分
  • 单击添加新的，然后在搜索框中键入简单日历
  • 在那里你会看到简单的日历——谷歌日历插件。 单击立即安装并稍等片刻，直到完成

  • 转到已安装的插件部分，然后激活它

完成此操作后，查看侧边栏，您应该会看到带有小日历图标的日历部分。 这意味着您已经成功安装了简单日历！

第 2 步：将您的网站与日历连接起来

安装并激活 Google 日历后，您需要将其与您的 WordPress 网站连接起来。 因此，要配置插件，请单击日历 - 设置。 在那里，您将看到选项卡Event Sources ，并且您会看到它要求提供 Google API 密钥。 在这里您可以找到如何使用 API，但如果您不想阅读全部内容，我们将在此处为您简要介绍。

  • 打开谷歌开发者控制台
  • 在屏幕的右上角，单击Create Project 。 然后输入你想要的名字，然后点击创建

  • 然后，您将被带到 API 和服务页面。 在这里，单击启用 API 和服务以访问 API 库
  • 在下一个屏幕上，您将看到一个搜索框。 键入Calendar API ，选择建议的结果Google Calendar API并启用它

  • 之后，转到Credentials选项卡，单击Create Credentials ，然后选择API Key ，如下所示

  • 现在您将看到为您生成的 API 密钥。 单击限制键以获取安全措施
  • 您将被带到 API 密钥详细信息页面，您将在其中看到几个选项
    • 在Application 限制部分，选择HTTP referrers (websites)

    • 在网站限制部分，选择添加项目并输入您的网站 URL。 完成后，单击完成

    • 在API 限制部分，选择 API 时选择Restrict Key和Google Calendar API ，然后单击Save

伟大的！ 您已经安全地通过了最困难的部分。 现在随意复制 API 密钥，返回到日历设置 WordPress 仪表板内的框，它要求输入 Google API 密钥，然后粘贴密钥。 单击Save changes ，然后继续执行以下步骤。 你快到了。

第 3 步：在 WordPress 中显示 Google 日历

这是最后一步，您将了解如何显示 Google 日历并将其展示给 WordPress 网站的访问者。

  • 首先，访问谷歌日历并点击设置。 您将看到一个左侧边栏，向下滚动以找到我的日历的设置，然后选择要在 WordPress 上显示的日历。

  • 单击要显示的日历后，您将看到一个下拉列表，您将在其中单击Access Permissions 。 勾选向公众提供选项
  • 然后，单击同一下拉列表中的集成日历。 在这里，将公共地址下的ID复制为iCal格式
  • 现在，返回 WordPress 仪表板，在日历选项卡中，选择添加新的
  • 键入您想要的日历标题，然后向下滚动，直到您看到日历设置。 在那里，选择标签谷歌日历，你会看到这个：
  • 将您在上面第三步中复制的 ID（ iCal 格式的公共地址）粘贴到日历 ID 框中
  • 点击发布

恭喜！ 您刚刚嵌入了 Google 日历。

如果您不想使用任何第三方工具怎么办？ 我们已经为您服务了。 让我们看看在没有插件的情况下将 Google 日历添加到 WordPress 的其他方法。

2) 使用 WordPress 块编辑器添加 Google 日历

将 Google 日历添加到您网站上的任何帖子或页面的另一种选择是使用Google 日历块。 这种方法非常简单有效，不需要任何编码。

    1. 因此，要在您的网站上包含Google 日历块，请转到要添加日历的页面或帖子，然后单击添加块
    2. 然后，输入谷歌日历并选择相应的块
    3. 添加块后，您需要为要共享的日历启用权限并将日历嵌入代码粘贴到相应字段中
    4. 因此，要获得第 3 步所需的嵌入代码，请转到Google 日历，单击日历旁边的3 个点，然后按设置和共享将 Google 日历添加到 WordPress - 嵌入日历
    5. 之后，转到访问权限部分并通过勾选公开选项来公开您的日历。 您会收到一条警告，指出这将使您的所有活动都可见。 点击确定
    6. 然后，转到集成日历部分并复制嵌入代码。 这是您将用于将日历添加到站点的代码。 如果您检查代码，您会看到其中包含您的电子邮件，因此请确保您对公开日历感到满意将 Google 日历添加到 WordPress - 嵌入代码
    7. 最后，返回您要显示日历的帖子或页面，并将嵌入代码粘贴到相应的字段中。 然后按嵌入并保存更改
    8. 而已！ 您刚刚在 WordPress 网站上嵌入了 Google 日历！

您还可以通过单击“自定义”按钮自定义您的日历。 您可以个性化颜色、按钮、大小、选项卡、图标等。 将 Google 日历添加到 WordPress - 自定义日历

3) 通过 HTML 在 WordPress 中嵌入 Google 日历

在您的 WordPress 网站中嵌入 Google 日历的另一种简单方法是通过 HTML 。 如果您不是开发人员，请不要让这个名字让您灰心。 这种方法不需要任何编码技能并且非常有效。

  1. 因此，要使用 HTML 将 Google 日历添加到您的网站，请先转到您想要包含日历的页面或帖子
  2. 然后，添加一个新的自定义 HTML 块。 在这里，您需要粘贴日历的嵌入代码
  3. 要获得它，您需要重复之前的块编辑器方法的步骤 4 到 6。 您需要转到Google 日历，单击日历旁边的3 个点，然后转到设置和共享。 然后在访问权限下公开您的日历，转到集成日历部分，然后复制嵌入代码
  4. 获得日历链接后，将其粘贴到HTML 块中并保存更改
  5. 您刚刚将 Google 日历添加到 WordPress！
注意：WordPress 会自动将嵌入代码转换为简码
最后，如果您使用的是经典编辑器而不是 Gutenberg，只需将嵌入代码粘贴到 HTML 选项卡中即可。

现在您已经了解了如何在您的网站上显示日历，让我们来看看如何充分利用它。

在 WordPress 上自定义 Google 日历的提示

简单日历是将 Google 日历添加到 WordPress 的最复杂的方法，因此我们将在此为您提供一些技巧以充分利用它。 简单日历的优点在于它允许您自定义日历的样式。

为此，请转到您的日历并选择所有日历选项卡。 然后，指定要调整其外观的日历并打开编辑器。 滚动鼠标找到日历设置，然后单击外观选项卡。 乐趣从那里开始，您可以自定义颜色、设计等。 总而言之，您可以做一些事情来自定义您的日历：

  • 为您的日历选择明暗主题
  • 确定您要指示日历的活动日期以及活动日期的特定颜色
  • 使用日历的配色方案，找到适合您网站风格的配色方案

在帖子和页面上嵌入 Google 日历的简码和小部件

将 Google 日历添加到 WordPress 后，当您创建新帖子或页面时，您将看到一个添加日历按钮，如下所示。

此按钮的工作方式与添加媒体类似，可让您将日历插入线程中所需的任何位置。 如果由于某种原因您没有此按钮，还有其他方法可以将日历添加到您的帖子/页面：通过短代码和小部件。

简码

如果您在“日历”选项卡上添加新日历时仔细查看，您会看到屏幕右下角有一个短代码。 要将这个日历嵌入到您的帖子/页面中，只需在您想要显示它的任何地方输入这个短代码。

将 Google 日历添加到 WordPress - 简码

小部件

简单日历插件为您提供了一个可以在您的网站上显示的小部件。 要激活此选项，请在您的 WordPress 仪表板中转到Appearance > Widgets 。 在这里，您将看到可用的小部件，您必须将简单日历小部件拖放到您希望它显示的位置。

这些是在站点的不同部分显示日历以充分利用 WordPress 和 Google 日历集成的简单方法。

充分利用 Google 日历的提示

在您的 WordPress 网站中嵌入 Google 日历是更好地组织会议和活动的第一步。 大多数人使用日历来简单地创建会议，但这个工具可以为您做更多的事情。 让我们看一下充分利用 Google 日历的一些技巧。

  1. 找时间：当您需要与几个人组织会议时，很难找到适合所有人的时间。 好消息是，谷歌日历有一个名为“查找时间”的功能，它可以让查找正确的时间变得更加容易。 只需创建一个活动，邀请您想要的人，然后转到“查找时间”选项卡以查找每个人都有空的时段。
  2. 阻止约会时段：厌倦了在不方便的时间收到会议邀请？ 如果您使用的是 GSuite，则可以通过阻止预约空档来避免这种情况。 这样，您就可以阻止队友与您安排会议的时间。 要激活此功能，只需在您可以参加会议的时间创建一个活动，然后转到约会空档。 您会看到一个链接，上面写着“此日历的约会页面”。 单击它，您将被重定向到您可以共享的网络版本的日历。
  3. 添加假期和其他事件：日历允许您添加所有类型的事件，例如假期、体育赛事、月相广告。 要添加此选项，请单击日历旁边的 3 个点，然后转到设置和共享。 将 Google 日历添加到 WordPress - 日历提示 然后，在“添加日历”部分，转到“浏览感兴趣的日历”并选择要激活的日历。 完成后，您会在“其他日历”部分找到您选择的活动。
  4. 时区：现在有越来越多的团队在世界不同地区和不同时区工作。 如果这是您的情况，那么此提示非常适合您。 Google 日历允许您设置主要时区和次要时区，以便您始终找到适合会议的时间。 要激活此选项，请单击日历旁边的 3 个点，然后转到设置和共享。 然后，按日历设置下的设置我的主要时区按钮。 在那里，勾选激活次要时区的选项并选择您想要的。 如何在 WordPress 中嵌入 Google 日历 - 时区 此外，您可以为您的时区添加标签并显示世界时钟。

结论

总而言之，日历不仅可以帮助您组织日程安排，还可以管理和共享活动，以便您的客户可以跟上您的活动和重要日期。 如果您将 Google 日历添加到 WordPress，您将为您的网站添加更多功能，为用户提供价值，并从竞争对手中脱颖而出。 我们已经看到了在您的网站上嵌入日历的 3 种不同方法：

  1. 使用简单日历插件
  2. 使用 WordPress 块编辑器
  3. 通过 HTML

这些方法对初学者很友好，而且都非常有效，因此请选择最适合您需求的方法。 此外，我们还看到了自定义日历并使用短代码和小部件添加它们的不同方法。 最后，我们看到了一些可以帮助您充分利用 Google 日历的技巧。 你试过这个指南吗？ 你觉得有用吗？ 请在下面的评论部分与我们分享您的想法！ 更有用的指南以充分利用您的网站：

  • 如何自动从 WordPress 发布到 Facebook
  • 指南：如何将 WooCommerce 与 MailChimp 集成
  • 如何配置 WooCommerce 并将其与 Stripe 集成