如何在 WordPress 中嵌入 PDF 文件
不确定如何在 WordPress 中嵌入 PDF? 还是仍在尝试决定是否要这样做? 有时您可能希望在帖子或页面中嵌入 PDF 文件:
- 书籍作者可能希望给读者免费的副本。
- 在您的网站上添加产品目录。
- 以 PDF 格式与客户分享您的设计。
- 您可能正在经营一家旅行社,并希望显示旅游套餐的行程。
但有个问题!
虽然 WordPress 允许您嵌入音频、视频,当然还有图像,但无法在您的帖子和页面中嵌入 PDF 文件。 这个功能目前还没有,以后可能会增加。
如果要添加 PDF 文件,可以使用 添加媒体 选项,插入它,该文件的链接将添加到您的页面。 您的访问者可以下载它或离开您的网站在网络浏览器中查看文件。
但是,如果您想在帖子中嵌入 PDF 文件并让访问者在不离开您的网站的情况下查看它呢? 有什么解决办法吗? 简短的回答是肯定的。
因此,在这篇文章中,我将展示如何在 WordPress 文章或页面中嵌入 PDF 文件。 在开始之前,您可能希望使用 PDF 编辑器. 然后,您就可以使用或不使用插件将其添加到您的帖子中。 让我们开始吧。
如何使用插件嵌入 PDF 文件
您可以使用许多插件将 PDF 文件添加到您的 WordPress 帖子中。
但是,我们将使用一个名为 PDF 嵌入器. 它是一个免费插件,可在 WordPress 插件目录中找到,但您可以升级到 专业版 插件的更多功能。 这个插件最好的地方是它使用 javascript 来完成它的工作,而不是一些第三方服务或 iframe。
第 1 步:安装 PDF 嵌入器插件
登录到您的 WordPress 仪表板并转到 插件 > 添加新的. 现在搜索 PDF 嵌入器 在搜索框中。 找到插件后,只需安装并激活它。 很简单,不是吗?
第 2 步:设置插件
虽然您可以在安装此插件后开始嵌入 PDF 文件,但您可以首先修改设置以使嵌入的文件看起来更好。 要打开此插件的设置页面,请转到 设置 > PDF 嵌入器 从 WordPress 仪表板的左侧边栏中。
此插件的免费版本允许您更改以下内容:
- 宽度和高度 – 您可以修改 PDF 查看器的宽度和高度。 它接受整数值(以像素为单位)或 最大限度 (100% 宽度)。
- 工具栏位置 – 此 PDF 查看器的工具栏允许您的观众放大或缩小并转到下一页或上一页。 您可以将工具栏放在顶部、底部或两者兼而有之。
- 工具栏悬停 – 您可以选择是否希望工具栏仅在鼠标悬停在文档上时可见。
现在,这些是通用设置。 但是,如果您想更改特定文件的设置怎么办? 好吧,您可以在短代码的帮助下做到这一点。 这是一个例子:
[pdf-embedder url=”http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width=”500″ toolbar=”top” toolbarfixed=”on”]
在上面的示例中,宽度设置为 500px,工具栏位置设置为顶部,工具栏将被固定。 您还可以将工具栏设置为底部,将工具栏设置为关闭。
该插件还有一个高级版本,提供下载按钮、跟踪视图和下载、连续页面滚动以及在新窗口中打开链接等功能。
第 3 步:在您的帖子或页面中嵌入 PDF 文件
完成设置后,您就可以开始做脏活了。 现在,无论您使用的是 Classic Editor 还是 Gutenberg Editor,您都可以轻松使用此插件来获得所需的结果。
如果您正在使用 经典编辑器,嵌入 PDF 文件类似于您对图像或视频执行的操作。
首先,创建一个新帖子或打开一个现有帖子,然后点击 添加媒体 按钮。 现在,上传您的 PDF 文件,点击 插入帖子 按钮,一个简码将被添加到您的帖子中。
就是这样——现在您可以预览您的帖子以检查它是否正常工作。
关于什么 古腾堡编辑? 好吧,PDF Embedder 插件带有一个特定的块。 因此,创建一个新帖子并单击添加块图标。 接下来,搜索 PDF 嵌入器 块并选择它。
最后,单击该块以选择(或上传)您的 PDF 文件,您的工作就完成了。
这是最终结果,无论您使用的是哪个编辑器:
尽管 PDF Embedder 插件做得很好,但有一些替代品总是好的。 现在让我分享一些免费和高级的 PDF 查看器插件,不分先后:
WordPress 的 PDF 查看器
WordPress 的 PDF 查看器的销量超过 3900 次,是 CodeCanyon 上最畅销的 PDF 查看器插件。 它是一个完全响应且跨浏览器兼容的插件。 此插件允许您启用或禁用打印、下载、缩放、页面导航和社交共享等选项。 您还可以将 Google Analytics 与 WordPress 结合使用来跟踪阅读您的 PDF 的访问者数量。
谷歌云端硬盘嵌入器
Google Drive Embedder 是一个免费插件,可让您从 WordPress 仪表板访问您的 Google Drive,并将 PDF、Word 文档或电子表格嵌入到您的帖子或页面中。 但是,要使用此插件,您必须安装 谷歌应用登录 同样——这个插件的目的是将你的谷歌驱动器连接到你的 WordPress 网站。
Algori PDF 查看器
正在寻找用于嵌入 PDF 文件的 Gutenberg 块插件? 你可以试试 Algori PDF Viewer 插件。 这个免费插件兼容所有网络浏览器,如 Google Chrome、Firefox、Safari、Opera 和 Internet Explorer 11。它允许您在单个页面中加载多个文件并支持演示模式。
Real3D 动画书 WordPress 插件
顾名思义,Real3D FlipBook 是一个响应式和触摸友好的 3D 动画书插件,用于显示 PDF 和图像。 它是使用 HTML5 开发的,不需要使用 Flash。 您可以自定义翻转速度、翻转声音、缩放级别和相机角度等设置。 该插件还支持灯箱和全屏模式。
嵌入任何文档加
Embed Any Document Plus 是一款同类插件,可让您在 WordPress 网站上轻松上传和嵌入文档文件(PDF、Word、PPT、Excel 等)。 该插件在可视化编辑器上方添加了一个“添加文档”按钮。 这将打开 EAD Plus 弹出窗口,您可以从中选择文档的来源。 它还与 Google Drive、Dropbox 和 Box.com 云服务紧密集成。 您可以留在您的 WordPress 站点中,并将文件上传到云服务并从那里嵌入。
上传或选择要嵌入的文档后,您还可以选择要选择嵌入文件的文档服务。 该插件将自动识别文件格式并建议您查看器。 查看器可以处理最大 5 到 8MB 大小的文件。 对于较大的文件,开发人员建议将它们上传到 Google Drive 并从那里嵌入。
如何在没有插件的情况下嵌入 PDF 文件
好吧,如果您是那些一直在寻找没有插件的解决方案的人之一,那么本节适合您。 我们当然可以在 WordPress 帖子和页面中嵌入 PDF 文件,而无需安装另一个插件。
这个想法很简单——您必须将 PDF 文件上传到您的 Google Drive 帐户,然后使用 iframe 代码将该文件嵌入您的网站。 虽然这种方法是安全的,但唯一的问题是它使用 iframe。
第1步: 去 谷歌云端硬盘 并登录您的帐户(只需注册一个免费的 Gmail 帐户即可免费获得 15GB 的云端硬盘空间)。
第2步:在此处上传要嵌入到 WordPress 帖子中的 PDF 文件。 为此,请单击 新的 从您的 Google Drive 帐户的左侧边栏中,选择 上传文件,然后从本地计算机上传文件。
第 3 步:文件上传到您的驱动器后,双击它以预览文件。 现在,单击右上角的 3 个垂直点(更多操作)并选择 在新窗口中打开.
第四步:在新窗口中,单击更多操作(右上角的 3 个垂直点)并选择 分享.
第 5 步:将打开一个名为“与人员和组共享”和“获取链接”的弹出窗口。 在这里,点击 更改为知道链接的任何人 在“获取链接”部分。 这确保任何拥有 PDF 文件链接的人都可以查看它。 如果您不这样做,该文件将保持私密状态,并且不会对您的网站受众可见。
您应该看到以下确认:
一旦你点击 完毕.
第 6 步: 现在是时候获取我们将在帖子中使用的嵌入代码了。 为此,再次单击更多操作,选择 嵌入项目。
第 7 步:这将打开一个弹出窗口,您可以在其中复制 iframe 代码。
第 8 步:前往您的 WordPress 仪表板并创建或编辑您想要嵌入 PDF 文件的帖子或页面。 现在,如果您正在使用 经典编辑器,只需转到“文本”选项卡并粘贴代码:
为了 古腾堡编辑,您必须添加一个新块,搜索自定义 HTML,最后,在自定义 HTML 块中添加 iframe 代码:
第 9 步:就是这样 – 现在预览您的帖子或页面以检查您嵌入的 PDF 文件。
关于如何在 WordPress 中嵌入 PDF 文件的尾注
WordPress 允许您链接到您的 PDF 文件——但不能嵌入它们。 但是,本教程解决了这个问题。 它展示了如何将 PDF 文件嵌入到您的帖子或页面中,就像您的图像和视频一样,无论是否使用插件。
您是否曾经使用这两种方法中的任何一种在您的网站上嵌入 PDF 文件? 您是否考虑过替代插件并认为它比本文中提到的插件更好? 在评论部分让我知道你的想法。