wordpress知识库
网站首页 > 知识库 > wordpress知识 >

如何在WordPress中嵌入Google Docs

在wordpress中嵌入Google Docs有两种主要方法。第一个是Google的Publish to Web功能,它会生成可用于网站的嵌入代码。第二种是使用wordpress插件

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

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

方法1:发布到Web

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

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

步骤1:发布到Web

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

发布到Web

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

发布

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

但是,由于我们将其嵌入到wordpress文章或页面中,因此请选择“嵌入”选项卡并复制代码块。

嵌入代码段

第2步:在wordpress中放置嵌入链接

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

转到您的wordpress网站,然后输入您希望嵌入Google Doc的页面或文章。到达那里后,单击“+”按钮。

添加新块

搜索自定义HTML块并将其添加到您的文章或页面中。

自定义HTML

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

粘贴嵌入链接

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

wordpress中的Google文档

仅此而已,至少如果您对嵌入式文档的默认大小感到满意。很可能不会,所以你应该花一分钟时间调整大小,对嵌入编码进行简单的添加,例如向iFrame添加高度和宽度。

第3步:调整显示尺寸

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

由于我们不能输入英寸,因此我们需要将其转换为像素,最终为600X 500。

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

<iframe width="600" height="500" src="...">
</iframe

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

wordpress中的Google文档

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

方法2:使用EmbedPress

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

在这种情况下,您只需要您希望嵌入wordpress的Google Doc的URL。然后只需将其添加到插件的块中即可完成。它真的很简单,它适用于各种东西,如谷歌地图、表格等。

因此,您可能会发现自己使用此插件的目的远不止于Google Docs。

第1步:安装EmbedPress

让我们首先单击“插件”,然后选择左侧管理面板上的“添加新”选项。

新增

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

嵌入新闻

找到EmbedPress插件,然后单击“立即安装”按钮并激活该插件以供使用。

立即安装

第2步:获取Google文档网址

此插件在激活后起作用;因此,我们不必配置任何东西。相反,第一步是获取Google Docs URL。我们通过转到Google Doc并使用“发布到Web”功能来获取此信息。

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

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

发布到Web

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

发布

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

复制URL链接以在wordpress中嵌入Google Docs

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

现在我们有了链接,请返回您的wordpress网站。访问您希望嵌入Google文档的文章或页面。在那里,单击“+”按钮以添加新块。

添加块

实际上,您有两个选项可用于Google Docs。第一个是通用的EmbedPress块,第二个是恰如其分的Google Docs块。这两者的功能相同,因此我只展示EmbedPress块。

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

使用EmbedPress块在wordpress中嵌入Google Docs

只需将Google Docs URL粘贴到块中即可。

在wordpress中添加Google Docs URL

然后只需按Enter键或单击“嵌入”选项即可完成。如您所见,在wordpress中嵌入Google Docs非常容易。请记住,您可以使用此插件嵌入比Google Docs更多的东西。