如何在 WordPress 中添加 PDF 查看器

您想在 WordPress 中添加 PDF 查看器吗?

当您希望文件始终具有相同的布局时,无论在什么设备上查看文件,PDF 格式都是很好的选择。通过在 WordPress 中嵌入 PDF 文件,您可以共享文件,同时让访问者留在您的网站上。

在本文中,我们将向您展示如何在 WordPress 中添加 PDF 查看器。

如何在 WordPress 中添加 PDF 查看器

为什么在 WordPress 中需要 PDF 查看器?

默认情况下,WordPress 不像音频、视频、推文和其他媒体格式那样将 PDF 文件嵌入到博客文章中。它只是将文件添加为可下载的链接。

默认情况下,PDF 被添加为下载链接

这意味着您的访问者必须离开您的帖子才能查看 PDF 文件。其中许多用户不会返回您的网站,这会降低您网站的综合浏览量以及用户参与度。

解决此问题的一种方法是提供 PDF 文件作为内容升级。这样,您可以要求用户加入您的电子邮件列表以获取奖励内容。

但是,如果您只想让用户在不离开您的网站的情况下查看 PDF 文件,那么您需要将 PDF 查看器添加到您的WordPress 站点。

视频教程

订阅 WPBeginner

如果您更喜欢书面说明,请继续阅读。

如何安装和设置 PDF 嵌入器

我们将使用PDF Embedder ,它是WordPress最好的PDF 插件之一。

它使用 JavaScript 嵌入带有功能齐全的工具栏的文件,允许用户放大和浏览 PDF 文件。它也是完全响应的,因此嵌入的 PDF 可以在任何尺寸的屏幕上查看。

首先,您需要安装并激活PDF Embedder插件。有关详细说明,请参阅我们关于如何安装 WordPress 插件的分步指南。

激活后,您可以访问设置»PDF Embedder来配置插件设置。默认设置适用于大多数网站,因此此步骤是可选的。

PDF 嵌入器设置

这些设置允许您控制 PDF 查看器的高度和宽度。如果您觉得 PDF 查看器太宽或太窄,您可以更改此设置。

您还可以选择是在查看器的顶部还是底部显示工具栏,以及是否在用户将鼠标悬停在文档上之前隐藏它。

高级版增加了下载按钮、连续页面滚动、可点击链接和跟踪文件下载的选项。它还提供了许多移动和安全设置。

完成自定义设置后,不要忘记单击“保存更改”按钮来存储它们。

现在我们准备在 WordPress 帖子或页面中嵌入 PDF。您执行此操作的方式取决于您使用的是块编辑器还是经典编辑器。您可以使用下面的链接跳转到您喜欢的部分:

如何在块编辑器中添加 PDF 查看器

如何在经典编辑器中添加 PDF 查看器

如何在块编辑器中添加 PDF 查看器

将 PDF 文件添加到您的 WordPress 帖子和页面非常简单。我们将从添加新帖子或编辑现有帖子开始。

首先,将光标放在要嵌入 PDF 文档的位置。然后,您需要通过单击WordPress 编辑屏幕左上角的添加块+按钮来添加一个新块。

接下来,您应该单击“文本”部分下的“PDF Embedder”按钮。

添加 PDF 嵌入器块

完成此操作后,您需要将新的 PDF 文件上传到您的帖子或从您的媒体库中选择一个。您可以通过单击“单击此处打开媒体库以选择 PDF”链接来执行此操作。

单击以选择 PDF 文件

您将被带到 WordPress 媒体库。如果您尚未添加 PDF,请立即添加。只需将文件拖入库中,当您看到“删除文件以上传”消息时,您可以松开鼠标按钮。

删除要上传的文件

PDF 将自动上传并选择。您需要做的就是单击“选择”按钮。

选择或上传媒体

PDF 将添加到您的文档中。在编辑帖子时,您不会看到 PDF 的预览。相反,该块包含文件的 URL。

PDF 已嵌入

要查看 PDF,您需要保存帖子并在您的实时网站上预览。这是它在我们的演示网站上的外观。

预览 PDF 查看器

如何在经典编辑器中添加 PDF 查看器

在经典编辑器中嵌入 PDF 也同样简单。首先添加新帖子或打开您正在处理的帖子。

之后,您应该将光标放在要显示 PDF 的位置,然后您需要将 PDF 拖到页面上。当您看到“删除文件以上传”消息时,您可以松开鼠标按钮。

将 PDF 拖到页面上

PDF 将自动上传到您的媒体库并被选中。您现在需要做的就是单击“插入帖子”按钮。

将 PDF 插入页面

PDF Embedder 将为您的帖子或页面添加一个简码。它看起来像[pdf-embedder url=”PDFURL”]。这将在您预览或发布文件时显示 PDF。

PDF Embedder 的简码

要查看 PDF,只需保存您的帖子并在您的实时网站上预览即可。这是它在我们的演示网站上的显示方式。

预览 PDF 查看器

我们希望本文能帮助您在 WordPress 中添加 PDF 查看器。您可能还想查看我们的指南,了解如何创建电子邮件通讯或查看我们的必须拥有 WordPress 插件以发展您的网站的列表。