如何在 WordPress 中添加 PDF 查看器(最简单的方法)

已发表: 2023-02-15


你想在 WordPress 中包含一个 PDF 查看器吗?

通过在您的网页中嵌入 PDF 文件,您可以确保这些人员信息通常具有准确的格式,无论用户使用什么设备。 这些文件还可以让人们在您的网站上停留更长时间,并为您的使用增加价值。

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

How to add a PDF viewer in WordPress

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

许多网站使用 PDF 文件来共享有关其解决方案和产品的信息。 例如,餐馆经营者通常将他们的菜单作为在线 PDF 发布。

您可以不断地向您的网站添加一个 PDF,然后在 WordPress 中添加一个下载 URL。

另一方面,对于想要快速查看 PDF 文档的人来说,这不是理想的用户数据。 例如,安排参观您的咖啡馆的人可能希望研究您网站上的 PDF 菜单,而不是将副本下载到他们的笔记本电脑或计算机上。

或者,您可以在 WordPress 中包含一个 PDF 查看器,然后直接在您的站点上显示 PDF。 这允许网站访问者查看文档而无需将其下载到他们的计算机上,这通常更快且更简单。 这对于使用智能手机或平板电脑的网站访问者来说尤其正确。

它还可以让访问者留在您的网站上,这可以提高您的综合浏览量并降低跳出率。

有了这个声明,让我们看看如何快速将 PDF 查看器插入 WordPress。 仅使用快速入站链接直接跳转到您要使用的系统。

策略 1. 添加 PDF 查看器使用块编辑器(快速)

在 WordPress 页面上显示 PDF 的最简单方法是应用内置的文件块。

此策略不需要特殊插件,但您只能通过几种方式自定义查看器。 如果您想要更多最先进的定制和特性,那么我们提倡使用插件作为替代。

要开始使用,只需打开要在文章编辑器中插入 PDF 查看器的页面或文章,然后单击“+”按钮以合并新块。

之后,开始输入“文件”并在出现时选择合适的块。

The WordPress built-in File block

如果您现在已将 PDF 上传到 WordPress 媒体库,请单击“媒体库”按钮。 然后您可以决定要嵌入的 PDF。

如果您还没有上传 PDF,请单击“上传”,然后从您的计算机中选择一个文件。

Uploading a PDF file to WordPress

WordPress 会自动为嵌入的 PDF 选择大小。

请注意,默认手表无法显示整个文档,但“文件”块包含一个工具栏,使网站访问者可以放大和缩小文档。 他们还可以滚动 PDF 以查看更多文章。

How to add a PDF viewer in WordPress

如果愿意,您可以调整 PDF 查看器的顶部以显示更多或更少的嵌入式文档。

为此,只需使用右手菜单中的“像素高度”滑块即可。

Changing the height of an embedded PDF

有时,读者可能想要下载 PDF,以便随时可以使用。 例如,潜在客户可能想要下载您最知名产品的消费者手册或未来活动或会议的计划议程。

默认情况下,WordPress 在工具栏中显示一个“下载”图标,在 PDF 下方显示一个按钮。

How to allow visitors to download a PDF in WordPress

PDF 下方的“下载”按钮对不熟悉独特的 PDF 工具栏图标的读者很有帮助。 通过展示“下载”按钮,访客将立即完全了解该文件本身并没有绑定到您的网站。

考虑到这一点,您可能希望取消启用“下载”按钮。 但是,如果您真的不想涉及此副本信息,则只需单击以禁用“显示获取按钮”切换。

Hiding the Download button in a PDF viewer

如果您对 PDF 的设置方式感到满意,请单击“更新”或“发布”以使您的更改生效。

现在,如果您查看您的 WordPress 网站,您将看到正在运行的 PDF 查看器。

A PDF viewer, created with the built-in WordPress File block

系统 2. 使用插件在 WordPress 中添加 PDF 查看器(更可定制)

内置的 WordPress 文件块对于只想嵌入几个 PDF 的网站来说应该是一个很好的选择。 但是,如果您想对查看器进行更多控制,那么通常可以使用插件来代替。

PDF.js Viewer 是 WordPress 的理想 PDF 插件之一。 它使您可以修改 PDF 查看器的高度和宽度,并清除 PDF 工具栏中的按钮。

它还具有全屏模式,非常适合显示较长的文档,例如电子书和个人手册。

A PDF viewed in fullscreen mode

首先,您需要安装并激活 PDF.js 查看器。 如果您需要帮助,请参阅我们关于如何安装 WordPress 插件的指南。

激活后,转到选项» PDFjs 查看器以配置插件的选项。

The PDF.js Viewer plugin settings

大多数时候,您可以在嵌入每个 PDF 时覆盖这些默认配置。 例如,您可以修改唯一 PDF 的尺寸或比例设置。

尽管如此,我们仍然提倡修改默认选项以更好地满足您自己的需求,因为这可以帮助您节省大量时间和工作。

默认情况下,该插件包含 PDF 工具栏中的“获取”、“打印”和“研究”按钮。 如果您想删除这些按钮中的任何一个,只需取消选中它旁边的框即可。

Hiding buttons from the PDF viewer toolbar

您还可以修改默认的嵌入高度和宽度,以及“查看器比例”。

开箱即用的 PDF.js 查看器显示 PDF 时没有任何侧边栏,因此读者在访问网站时可以看到全面的文档。 他们可以通过单击“切换侧边栏”按钮在任何问题上打开侧边栏,如下图所示。

Adding a sidebar to the PDF viewer in WordPress

如果您计划合并扩展的文书工作或多站点 PDF,那么默认显示侧边栏可能很有用。

为此,基本上打开“页面模式”下拉菜单并选择缩略图、书签或附件。

Changing the mode in a PDF viewer

PDF.js Viewer 允许人们以全屏模式打开 PDF。 默认情况下,站点访问者可以通过单击嵌入 PDF 上方的“查看全屏”反向链接来打开此方法。

要用您自己的自定义消息替换文本,只需输入“全屏网站链接文本”字段即可。

Customizing the PDF's fullscreen mode

您还可以使用“新标签页中的全屏入站链接”框选择 url 是否在新标签页中打开。

启动一个新标签将有助于在您的网站上留住访客,但对于手机和药丸用户来说可能会加剧这种情况。

Customizing the PDF viewer's fullscreen mode

全屏方法将使浏览扩展文档变得更加容易,因此我们建议启用此方面。 尽管如此,如果您真的不想使用它,您可以取消选中“显示全屏超链接”旁边的复选框。

当您对插件的设置感到满意时,只需单击“保存改进”。

您现在已准备好在 WordPress 中加入 PDF 查看器。 只需打开网站或准确张贴您想要清楚显示 PDF 的位置,然后单击“+”按钮即可。

您现在可以开始输入“嵌入 PDF.js 查看器”并在出现时选择理想的块。

Adding a PDF to your WordPress website using a plugin

之后,只需单击“选择 PDF”即可打开 WordPress 媒体库。

您现在可以从库中挑选 PDF 或从您的计算机添加文件。

Embedding a PDF on your WordPress website using a block

该插件将使用您的默认配置,但您可以使用右侧菜单中的选项对该 PDF 的外观和行为进行高质量调整。

在本文中,您可以修改 PDF 的顶部、宽度和比例。 您还可以删除或个性化“查看全屏”链接。

Customizing the PDF embed block using a WordPress plugin

最后,您可以选择删除或显示“下载”和“打印”按钮。

如果您对 PDF 的创建方式感到满意,只需单击“更新”或“发布”。 您现在可以查看您的 WordPress 网站或网站以查看嵌入式 PDF 查看器。

A PDF, embedded directly on a WordPress blog or website

奖励:如何从嵌入的 PDF 中获利

如果您有高质量、实用的 PDF,那么您可以使用它们通过 WordPress 在线赚钱。

将 PDF 文档嵌入您的网站后不久,您可以将该网页或提交到独特的仅限用户的书面内容。 然后,站点访问者将需要获得会员资格才能访问该网页或文章,并查看嵌入的 PDF。

将 WordPress 转变为会员网站的最简单方法是使用 MemberPress。 它是理想的 WordPress 会员插件,使您能够转换任何网站或提交为独特的订阅者专享内容,如嵌入式 PDF。

Make money by selling PDFs online

我们有一个关于创建 WordPress 会员网站的完整教程,其中包含逐步说明以帮助您入门。

我们还建议使用 Simple Electronic Downloads 来规范和营销您网站上的 PDF。 您可以快速提供各种数字项目,也可以将 PDF 作为预览嵌入项目页面。

我们希望这篇简短的文章能帮助您在 WordPress 中安装 PDF 查看器。 您还可以查看我们的手册,了解如何使用 WordPress 创建和推广在线课程,或者查看我们为小型企业提供的最佳电子邮件营销解决方案记录。

如果您喜欢这篇文章,那么您应该订阅我们的 YouTube 频道以获取 WordPress 视频教程。 您也可以在 Twitter 和 Facebook 上找到我们。