如何将 Google 文档嵌入到 WordPress 中

已发表: 2024-01-25

许多企业需要在其网站上嵌入文档以帮助用户访问它们。 幸运的是,使用 WordPress 中的 Google Docs 可以很容易地做到这一点。 Google 提供了一种在任何网站上嵌入 Google 文档的方法。

这是通过“发布到网络”功能完成的,该功能会生成一个可以在 WordPress 中使用的嵌入链接。 或者,您可以使用 WordPress 插件来为您完成此操作。 无论哪种情况,该过程都非常简单,并且不会花费很长时间。

今天,我将演示在 WordPress 中嵌入 Google 文档的多种方法。

This tutorial is for:
WordPress 6.4.1
Plugin: EmbedPress v 3.9.4

将 Google 文档嵌入 WordPress隐藏
为什么要在 WordPress 中嵌入 Google 文档?
如何在 WordPress 中嵌入 Google 文档
方法一:发布到网络
方法 2:使用 EmbedPress
常问问题
在您的 Google 文档上实施延迟加载
立即在 WordPress 中嵌入 Google 文档

为什么要在 WordPress 中嵌入 Google 文档?

嵌入文档是任何企业的标准做法。 您可能需要共享说明、解释您的服务、共享表格或合同等。 无论出于何种原因,允许客户在您的网站上访问这些内容对于所有相关人员来说都可以节省大量时间。

在可以直接在线查看文档之前,用户通常受到公司的摆布。 他们必须等待该公司邮寄他们需要的文件,或通过电子邮件发送。

无论哪种情况,都需要企业开展工作并让客户等待文件到达。

现在,用户可以在家中方便地自行下载和打印文档。 这是一个双赢的局面。 您的企业工作量减少,用户可以按照自己的速度获取文档。

您唯一需要做的就是确保它们可用。 幸运的是,您可以使用 Google Docs 和 WordPress 有很多选择。

如何在 WordPress 中嵌入 Google 文档

在 WordPress 中嵌入 Google 文档有两种主要方法。 第一个是Google 的“发布到网络”功能,它会生成可用于您网站的嵌入代码。 第二种是使用WordPress中的插件

这两种方法都很容易做到。 推荐第一个方法,因为它不需要插件,但如果您从很多源嵌入,那么插件方法可能是更好的选择。

本教程将逐步介绍这两种方法。

方法一:发布到网络

Google 文档、表格、幻灯片等都具有“发布到网络”功能。 这只是创建一个嵌入链接,您可以在您的网站上使用该链接来显示该内容。 它是免费的并内置于 Google 服务中。

如果您在网站上启用此类功能,访问者将从您的网站上清楚地看到文档,并且能够自行打印或下载文件。 总的来说,它非常简单,最终只需要点击几下鼠标并快速复制和粘贴嵌入链接。

第 1 步:发布到网络

我们需要做的第一件事是在 Google 文档中选择“发布到网络”选项。 因此,首先打开您想要嵌入 WordPress 的 Google 文档。 到达那里后,单击“文件”,将鼠标悬停在“共享”上,然后选择“发布到网络”选项。

发布到网络

这将打开一个小弹出窗口。 只需单击“发布”按钮即可生成我们可以在 WordPress 中使用的嵌入链接。 并会要求添加确认。 请务必单击“确定”按钮。

发布

就是这样。 Google 将立即生成 URL 链接和嵌入链接。 您将使用 URL 链接嵌入插件,如方法 2 所示。在这种情况下,请务必复制嵌入链接。

然而,由于我们要将其嵌入到 WordPress 帖子或页面中,因此请选择“嵌入”选项卡并复制代码片段。

嵌入代码片段

第 2 步:将嵌入链接放入 WordPress

现在我们已经有了嵌入代码,是时候使用它了。 对于那些不熟悉的人来说,这个嵌入链接是 HTML。 因此,我们只需将其复制并粘贴到 WordPress 中的自定义 HTML 块中即可。 因此,只需要一分钟。

转到您的 WordPress 网站,然后输入您想要嵌入 Google 文档的页面或帖子。 到达那里后,单击“+”按钮。

添加新块

搜索自定义 HTML 块并将其添加到您的帖子或页面。

自定义 HTML

现在只需将我们之前获得的嵌入代码粘贴到自定义 HTML 块中即可。

粘贴嵌入链接

现在只需保存您所做的更改并查看实时页面即可在 WordPress 中查看 Google 文档。

WordPress 中的 Google 文档

就是这样,至少如果您对嵌入文档的默认大小感到满意的话。 很可能不会,因此您应该花一点时间通过简单添加嵌入编码(例如向 iFrame 添加高度和宽度)来调整大小。

步骤 3:调整显示尺寸

默认的嵌入链接就是一个纯粹的嵌入链接。 它没有任何用于调整嵌入式显示器尺寸的线条。 幸运的是,您可以自己添加自定义代码。 您选择的尺寸由您决定,但请记住默认页面为 8.5 x 11 英寸。

由于我们无法输入英寸,因此我们需要将其转换为像素,最终得到 2550 X 3300。

现在我们知道整个页面有多大,让我们继续编辑嵌入链接,在这种情况下,我们只需将代码的第一位更改为:

“...”是嵌入代码片段的其余部分。 通过进行此更改,我们可以在实时页面上看到差异:

WordPress 中的 Google 文档

正如您所看到的,它要大得多。 大小由您决定,因此请随意使用更适合您网站的值。 您甚至可以自定义文档的边框,但我会将任何其他内容留给您。

方法 2:使用 EmbedPress

虽然 WordPress 中有许多插件可供选择,但 EmbedPress 是最好的插件之一。 顾名思义,它专注于在 WordPress 中嵌入文件,包括从 Google Docs 到 Microsoft Word 的所有内容。

在这种情况下,您所需要的只是要嵌入 WordPress 中的 Google 文档的 URL。 然后只需将其添加到插件的块中即可完成。 它真的就是这么简单,并且适用于各种事物,例如 Google 地图、表单等。

因此,您可能会发现自己使用此插件的用途远远不止 Google 文档。

第 1 步:安装 EmbedPress

首先,单击插件并选择左侧管理面板上的添加新选项。

添新

在可用搜索框中搜索 EmbedPress。 这将拉出您可能会觉得有用的其他插件。

嵌入式出版社

找到 EmbedPress 插件,点击“立即安装”按钮,激活插件即可使用。

现在安装

第 2 步:获取 Google 文档 URL

该插件在激活后即可工作; 因此,我们不需要配置任何东西。 相反,第一步是获取 Google 文档 URL。 我们通过访问 Google 文档并使用“发布到网络”功能来获取此信息。

这将使其他人可以在线访问该文档。 它会为我们生成一个 URL。

在 Google 文档中,单击“文件”,将鼠标悬停在“共享”上,然后选择“发布到网络”选项。

发布到网络

将出现一个小弹出窗口,单击“发布”按钮。

发布

有两个选项卡。 第一个用于 URL 链接,第二个用于嵌入链接。 在这种情况下,请复制 URL 链接。

复制 URL 链接以在 WordPress 中嵌入 Google 文档

第 3 步:在 WordPress 中嵌入 Google 文档

现在我们已经有了链接,请返回您的 WordPress 网站。 访问您想要嵌入 Google 文档的帖子或页面。 到达那里后,单击“+”按钮添加新块。

添加区块

实际上,您可以使用两个选项来使用 Google 文档。 第一个是一般的 EmbedPress 块,第二个是恰当命名的 Google Docs 块。 这两个功能完全相同,因此我将仅显示 EmbedPress 块。

它们之间的主要区别在于 EmbedPress 可以嵌入任何内容,而 Google Docs 块只能嵌入 Google Docs。 搜索并选择 EmbedPress 块。

使用 EmbedPress 块在 WordPress 中嵌入 Google 文档

只需将 Google 文档 URL 粘贴到该块中即可。

在 WordPress 中添加 Google 文档 URL

然后只需按 Enter 键或单击“嵌入”选项即可完成。 正如您所看到的,在 WordPress 中嵌入 Google 文档非常容易。 请记住,您可以使用此插件嵌入比 Google 文档更多的内容。

有关更多信息,请参阅插件页面以获取嵌入选项的完整列表。

常问问题

分享 PDF 更好吗?

是的。 大多数人可能已经注意到,他们从企业下载的每个文档、合同表格等都使用 PDF 格式。 这是因为 PDF 是标准,并且易于访问。

如果我的文档有多页,会发生什么情况?

如果您使用嵌入链接,该文档将显示为一个连续文档。 在这种情况下,您最好使用插件方法,因为该显示会显示页数。

我可以在 WordPress 中嵌入其他类型的文件吗?

绝对地! 有一系列强大的插件可以帮助您在 WordPress 中嵌入几乎任何内容。 本教程中的 EmbedPress 插件可以处理 Microsoft Word、PDF、Facebook 帖子等。

我可以在小部件区域嵌入 Google 文档吗?

是的,但这是一种仅仅因为你可以做某事,并不意味着你应该做的情况。 小部件区域太小,无法实际阅读标准文档。 您可以自定义它以适应,但同样,它会很难阅读。

我可以只与用户共享 Google 文档链接吗?

绝对地! Google 文档最好的部分之一是您可以与任何人共享链接。 他们可以按照它自己制作一份文件的副本。 如果他们愿意,他们甚至可以编辑该副本。

如果进行更改,Google 文档会自动更新吗?

是的。 将 Google 文档发布到网络时的默认选项是自动更新。 因此,保存更改后您无需执行任何操作,但您的网站可能需要少量时间才能反映更改,或者查看者需要刷新页面。

我可以从 WordPress 编辑 Google 文档吗?

不可以。如果您使用嵌入代码片段,您将需要访问 Google 文档本身才能对其进行任何更改。 WordPress 上的显示仅允许用户查看文档,而不能写入内容。

在您的 Google 文档上实施延迟加载

每当您嵌入或显示未存储在网站上的信息时,它们往往会使您的页面加载时间更长。 这是因为用户必须与第三方通信才能获取帖子或页面需要显示的信息。

延迟加载可以通过仅在用户可见时加载此信息来帮助最大限度地减少这种情况的发生。

例如,假设页面底部有一个 Google 文档。 如果访问者在加载页面时看不到文档,那么仅仅为了加载该文档而缓慢加载页面就没有多大意义。

延迟加载解决了这个问题,因为文档仅在可见时才会加载。 它通常用于图像,但适用于所有类型的内容。 好消息是,我们上面展示的 EmbedPress 插件为 Google 文档提供了延迟加载功能。

而且它是免费的,因此没有理由不启用此功能。

立即在 WordPress 中嵌入 Google 文档

Google Docs 是世界上最受欢迎的文字处理程序之一,仅次于 Microsoft Word。 因此,它具有几乎任何内容的嵌入选项,并且 WordPress 确保该过程对于任何技能水平来说都很容易。

请记住,上述方法只是两种方法。 WordPress 充满了可以帮助您嵌入 Google 文档的插件。 因此,如果其他插件更适合您的需求或具有不同的显示效果,请随意尝试。

我希望您发现本教程有助于在 WordPress 中展示 Google 文档。

您使用哪种方法在 WordPress 中显示 Google 文档? 为什么要在 WordPress 中嵌入 Google 文档?