使用指南/创建内容/嵌入/嵌入 Google 日历

嵌入 Google 日历

Google 日历是 Google 推出的一款免费日历应用程序。本指南将向您展示如何将 Google 日历嵌入(即显示)到您的 WordPress.com 网站。

第 1 步:获取日历嵌入代码

要在您的网站上嵌入 Google 日历,请使用 Google 提供的一段代码。要查找您的嵌入代码,请按照以下步骤操作:

  1. 如果您尚未登录 Google 日历,请访问 https://calendar.google.com/ 进行登录。
  2. 在屏幕左侧,找到“我的日历”部分。
  3. 点击日历名称旁边的三个点,然后选择“设置和共享”选项:
    Google 日历 - 设置和共享
  4. 向下滚动到“活动的访问权限”部分。
  5. 勾选“公开此日历”复选框,将您的日历设为公开:
    Google 日历 - 设为公开
  6. 再向下滚动到“集成日历”部分。复制“嵌入代码”框中的完整代码。嵌入代码包含您的 Google 账户名称,因此请确保您愿意公开该名称。
    • 或者,点击“自定义”按钮,调整日历细节、宽度、高度、颜色、语言、时区等。屏幕顶部的嵌入代码会随着每次更改而更新,因此请在完成自定义日历嵌入后复制最新的代码。

第 2 步:添加 Google 日历区块

现在您已获得 Google 日历嵌入代码,只需在 WordPress 编辑器中执行以下步骤,就可以在您的站点上显示 Google 日历:

  1. 点击“+ 区块插入器”,添加新区块。
  2. 搜索 Google 日历区块,然后点击该区块,以将其添加到页面中:
搜索区块时,系统将显示 Google 日历区块。

有关添加区块的详细说明,请点击此处查看。

💡

缺少所有 WordPress.com 站点都包含的 Google 日历区块?如果您拥有一个自托管的 WordPress.org 站点,您可以安装免费的 Jetpack 插件来访问 Google 日历区块

  1. 将您的 Google 日历嵌入代码粘贴到所提供的框中,如下所示:
一个空的 Google 日历区块,带有一个用于输入嵌入代码的文本框。
  1. 点击“嵌入”按钮,您的日历就会显示出来。
  2. 日历在编辑器屏幕中可能无法准确渲染,因此请使用“在新选项卡中预览”选项来查看日历在实际站点上的显示效果:
箭头指向编辑器右上角出现的“在新选项卡中预览”选项。
  1. 您可以选择使用 Google 日历区块工具栏,将您的日历左对齐、右对齐或居中对齐(如果您的主题支持,您还可使用加宽和全宽选项):
已点击区块工具栏中的对齐选项,显示选项“无”、“加宽”、“全宽”、“左对齐”、“居中对齐”和“右对齐”。
Google 日历区块工具栏

如果您想更改 Google 日历嵌入的外观,例如宽度、高度、颜色、语言、时区等,请返回上一节,使用第 6 步中介绍的“自定义”选项。

已嵌入的 Google 日历示例

Copied to clipboard!