如何在WordPress中嵌入PDF文件

如何在WordPress中嵌入PDF文件

有时候您可能希望将PDF文件嵌入到帖子或页面中:


  • 图书作者可能想给读者免费的副本.
  • 在您的网站上添加产品目录.
  • 与客户共享PDF格式的设计.
  • 您可能正在经营一家旅行社,并希望显示旅行团的行程.

但有个问题!

尽管WordPress允许您嵌入音频,视频,当然也可以嵌入图像,但无法将PDF文件嵌入到帖子和页面中。该功能目前尚不可用,也许将来会添加.

如果您要添加PDF文件,则可以使用 添加媒体 选项,将其插入,指向该文件的链接将添加到您的页面中。访问者可以通过离开您的网站下载它或在Web浏览器中查看文件.

但是,如果您想将PDF文件嵌入到帖子中,并让访问者在不离开您的网站的情况下查看它,该怎么办?有什么解决办法吗?简短的回答是.

因此,在本文中,我将展示如何在WordPress文章或页面中嵌入PDF文件。在开始之前,您可能想使用以下格式创建格式良好,整洁的PDF文档: PDF编辑器. 然后,无论使用或不使用插件,您都可以将其添加到您的帖子中。让我们开始吧.

如何使用插件嵌入PDF文件

您可以使用许多插件将PDF文件添加到WordPress帖子中.

但是,我们将使用一个名为 PDF嵌入器. 它是一个免费插件,可在WordPress插件目录中找到。关于这个插件的最好的事情是它使用JavaScript来完成其工作,而不是使用某些第三方服务或iframe.

步骤1:安装PDF Embedder插件

登录到WordPress仪表板并转到 插件>添加新. 现在搜寻 PDF嵌入器 在搜索框中。找到插件后,只需安装并激活它。很简单,不是吗?

安装PDF Embedder插件

步骤2:设定外挂程式

虽然您可以在安装此插件后开始嵌入PDF文件,但可以先修改设置以使嵌入文件看起来更好。要打开此插件的设置页面,请转到 设置> PDF嵌入器 从WordPress控制台的左侧边栏.

PDF嵌入器设置

该插件的免费版本允许您更改以下内容:

  • 宽度和高度 –您可以修改PDF查看器的宽度和高度。它接受整数值(以像素为单位)或 最高 (100%宽度).
  • 工具栏位置 –此PDF查看器的工具栏允许您的听众放大或缩小并转到下一页或上一页。您可以在顶部,底部或两者都有工具栏.
  • 工具栏悬停 –您可以选择是否仅在鼠标悬停在文档上时才显示工具栏.

现在,这些是通用设置。但是,如果要更改特定文件的设置怎么办?好吧,您可以在简码的帮助下做到这一点。这是一个例子:

[pdf-embedder url =“ http://yoursite.com/wp-content/uploads/2019/01/April.pdf” width =“ 500”工具栏=“ top”工具栏固定=“开”]

在上面的示例中,宽度设置为500px,工具栏位置设置为top,并且工具栏将固定。您还可以将工具栏设置为底部,并将工具栏固定为关闭.

该插件还有一个高级版本,提供下载按钮,跟踪视图和下载,连续页面滚动以及在新窗口中打开链接等功能。.

步骤3:在您的帖子或页面中嵌入PDF文件

设置完成后,就可以开始进行肮脏的工作。现在,无论您使用的是Classic Editor还是Gutenberg Editor,您都可以轻松使用此插件来获得所需的结果.

如果您正在使用 经典编辑器, 嵌入PDF文件与处理图像或视频类似.

首先,创建一个新帖子或打开一个现有的帖子,然后单击 添加媒体 按钮。现在,上传您的PDF文件,点击 插入帖子 按钮,系统就会将简码添加到您的帖子中.

嵌入PDF文件经典编辑器

就是这样-现在您可以预览自己的信息以检查其是否正常运行.

关于什么 古腾堡编辑? 好吧,PDF Embedder插件带有一个特定的块。因此,创建一个新帖子,然后单击“添加阻止”图标。接下来,搜寻 PDF嵌入器 阻止并选择它.

嵌入PDF文件Gutenberg编辑器

最后,单击块以选择(或上传)您的PDF文件,然后完成您的工作.

无论您使用哪个编辑器,这都是最终结果:

嵌入式PDF文件最终版

流行的PDF Viewer插件

尽管PDF Embedder插件做得很好,但是拥有一些替代方法总是很好。因此,现在让我以一些特定的顺序共享一些免费的高级PDF查看器插件:

WordPress的PDF查看器

WordPress插件的PDF查看器

信息与下载

WordPress的PDF查看器是CodeCanyon上销售的PDF查看器插件,拥有超过3900多个销售量。这是一个完全响应且跨浏览器兼容的插件。此插件可让您启用或禁用打印,下载,缩放,页面导航和社交共享等选项。您还可以将Google Analytics(分析)与WordPress结合使用,以跟踪阅读PDF的访问者数量.

Google云端硬盘嵌入器

Google Drive Embedder插件

Google Drive Embedder是一个免费插件,可让您从WordPress仪表板访问Google Drive,并将PDF,Word文档或电子表格嵌入到帖子或页面中。但是,要使用此插件,您必须安装 Google Apps登录 以及-该插件的目的是将您的Google云端硬盘连接到WordPress网站.

Algori PDF查看器

Algori PDF Viewer插件

寻找用于嵌入PDF文件的Gutenberg块插件?您可以尝试使用Algori PDF Viewer插件。这个免费的插件与所有网络浏览器(例如Google Chrome,Firefox,Safari,Opera和Internet Explorer 11)兼容。它允许您在单个页面中加载多个文件并支持演示模式.

Real3D FlipBook WordPress插件

Real3D FlipBook WordPress插件

信息与下载

顾名思义,Real3D FlipBook是一个响应式且触摸友好的3D翻书插件,用于显示PDF和图像。它是使用HTML5开发的,不需要使用Flash。您可以自定义设置,例如翻转速度,翻转声音,缩放级别和相机角度。该插件还支持灯箱和全屏模式.

嵌入任何文档加

嵌入任何文档加

信息与下载

Embed Any Document Plus是其同类插件之一,可让您轻松地在WordPress网站上轻松上传和嵌入文档文件(PDF,Word,PPT,Excel等)。该插件会在可视编辑器上方添加一个“添加文档”按钮。这将打开EAD Plus弹出窗口,从中可以选择文档的来源。它还与Google云端硬盘,Dropbox和Box.com云服务紧密集成。您可以留在WordPress网站中,然后将文件上传到云服务,然后从那里嵌入.

上传或选择文档后,要嵌入文件,您还将获得一个选项,可以选择要选择嵌入文件的文档服务。该插件将自动识别文件格式,并向您推荐查看器。查看器可以处理最大5到8MB的文件。对于较大的文件,开发人员建议将它们上传到Google云端硬盘并从那里嵌入.

如何在没有插件的情况下嵌入PDF文件

好吧,如果您是一直在寻找没有插件的解决方案的人之一,那么本节适合您。我们当然可以在WordPress帖子和页面中嵌入PDF文件,而无需安装其他插件.

这个想法很简单-您必须将PDF文件上传到Google云端硬盘帐户,然后使用iframe代码将该文件嵌入您的网站。尽管此方法很安全,但唯一的问题是它使用iframe.

步骤1: 去 Google云端硬碟 并登录到您的帐户.

第2步:在此处上传要嵌入WordPress帖子中的PDF文件。为此,请单击 从您的Google云端硬盘帐户的左侧栏中,选择 上传文件, 并从本地计算机上载文件.

Google云端硬盘文件上传

第三步:将文件上传到驱动器后,双击它以预览文件。现在,点击右上角的3个垂直点(更多操作),然后选择 在新窗口中打开.

第四步:在新窗口中,单击更多操作(右上角的三个垂直点),然后选择共享.

Google云端硬碟PDF分享

第5步:将打开一个名为“与他人共享”的弹出窗口。在这里,点击 获取共享链接 –这样做是确保具有PDF文件链接的任何人都可以查看它。如果您不这样做,该文件将保持私有状态,并且您的网站访问者将看不到该文件。.

获取共享链接

第6步:如果您不希望访问者下载或打印文件,并且也禁用复制文本功能,请点击 高级 在同一弹出窗口中。选中以下选项:“禁用评论者和查看者的下载,打印和复制选项”,然后单击 完成了.

禁用Google Drive PDF中的下载打印副本

步骤7:现在是时候获取我们将在帖子中使用的嵌入代码了。为此,再次单击“更多操作”,选择 嵌入项目, 并复制iframe代码.

Google云端硬盘复制嵌入代码

步骤8:转到WordPress信息中心,然后创建或编辑要在其中嵌入PDF文件的帖子或页面。现在,如果您正在使用 经典编辑器, 只需转到“文本”标签并粘贴代码即可:

经典编辑器的“文本”选项卡

对于 古腾堡编辑, 您必须添加一个新块,搜索“自定义HTML”,最后,在“自定义HTML”块中添加iframe代码:

自定义HTML块

步骤9:就这样–现在预览您的帖子或页面以检查您的嵌入式PDF文件.

关于如何在WordPress中嵌入PDF文件的尾注

WordPress允许您链接到PDF文件,但不能嵌入它们。但是,本教程解决了该问题。它显示了如何使用或不使用插件将PDF文件嵌入到帖子或页面中,就像图像和视频一样.

您是否曾经使用两种方法中的任何一种在网站上嵌入PDF文件?您是否打算使用其他插件,并认为它比本文提到的插件更好?在评论部分让我知道您的想法.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map