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

  • 图书作者可能想给读者免费的副本。
  • 要将产品目录添加到您的网站。
  • 与您的客户共享PDF格式的作品。
  • 您可以经营一家旅行社,并希望查看旅游套票的行程。

但有个问题 ! 

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

如果要添加PDF文件,可以使用选项上传文件 添加媒体, 插入它,指向该文件的链接将添加到您的页面。 当您离开网站时,访问者将能够下载它或在网络浏览器中查看文件。

但是,如果您想在文章中嵌入PDF文件并让访问者在不离开您的网站的情况下看到它,该怎么办? 有针对这个的解决方法吗?

简短的答案是 YES。

因此,在这篇文章中,我们将向您展示如何将PDF文件嵌入到WordPress文章或页面中。 在开始之前,您可能需要使用PDF编辑器创建格式良好且整洁的PDF文档。 然后,无论使用或不使用插件,您都可以将其添加到您的文章中。 

但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。

如何使用插件添加PDF文件

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

但是,我们将使用 WordPress PDF Embedder插件. 这是一个 WordPress插件 免费,可在 WordPress 插件目录中找到。 这个插件最好的一点是它使用 javascript 来完成它的工作,而不是第三方服务或 iframe。

步骤1:安装Embedder PDF插件

登录WordPress仪表板并导航至菜单 扩展>添加 搜索 PDF嵌入器 在搜索框中。 找到插件后,只需安装并激活它。 您还可以找到有关如何安装WordPress插件的分步指南。

安装插件wordpress pdf嵌入blogpascher

步骤2:配置插件

尽管您可以在安装此插件后开始嵌入PDF文件,但可以先更改设置以使其看起来更现代。 为此,请转到  设置>嵌入PDF 从WordPress仪表板的左侧栏中。

参数设置pdf嵌入器blogpascher

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

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

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

[pdf-embedder url =“ http://yoursite.com/wp-content/uploads/2019/01/April.pdf»宽度=” 500“工具栏'”顶部“工具栏固定为”打开“]

在上面的示例中,宽度设置为500px,工具栏的位置设置为顶部,并且工具栏将被固定。 您也可以在底部设置工具栏,在末尾设置固定的工具栏。

该插件还有一个高级版本,提供诸如下载按钮,查看和下载计数器,连续页面滚动以及在新窗口中打开的链接之类的功能。

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

设置完成后,就可以开始完成工作了。 现在,无论您使用的是经典编辑器还是古腾堡编辑器,都可以轻松使用此插件来获得所需的结果。

如果你使用 经典编辑,嵌入PDF文件类似于处理图像或视频。

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

如何添加经典的Wordpress编辑器Blogpascher媒体

就是这样-您现在可以预览帖子以检查此插件是否正常运行。

关于什么 古腾堡编辑 ? 好吧,Embedder PDF插件附带一个特定的块。 因此,创建一个新出版物,然后单击图标 添加块。 然后找到块 嵌入式PDF 并选择它。

如何添加Gutenberg Blogpascher WordPress编辑器

最后,单击块以选择(或下载)您的PDF文件,然后完成工作。

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

显示查看器pdf嵌入器Blogpascher

一些流行的PDF查看器插件

虽然 WordPress插件 PDF Embedder 做得很好,有几个选择总是好的。 所以现在让我分享一些 WordPress插件  高级 PDF查看器,无特殊顺序:

1。 DK PDF Generator

创建帖子的PDF版本并在共享社区中共享它们可能是一个不错的选择 交通管理.

DK PDF生成器

Le WordPress插件 高级 DK PDF 生成器允许您轻松选择可以共享或下载为 PDF 的页面、帖子以及自定义帖子类型。

请参阅我们的文章 30事情他们出版后做你的博客文章

有了这些,您甚至可以在PDF文件中添加封面和目录(带有交互式链接)。

下载 | 演示 | 虚拟主机

2。 PDF WooCommerce产品目录

这是WooCommerce提供的非常有用的高级WordPress插件,它将帮助您从在线商店以PDF格式下载产品的完整列表。

WordPress的PDF查看器

该插件带有五个默认的PDF模板,但是您可以根据需要使用简单的HTML和CSS创建自己的模板。

另请阅读我们的 9 WordPress插件来管理你的产品目录

它还为您提供了创建和插入简码的选项,可将PDF下载按钮添加到任何文章或页面。

下载 | 演示 | 虚拟主机

3。 WordPress社交分享和打印页面到pdf插件

这个高级WordPress插件即将推出 独家WordPress社交分享插件,这是最简单且经过优化的功能,您可以通过查看其演示来了解其功能。 它提供了许多功能,例如将博客文章或网页完全共享到任何社交网络,以及以PDF格式下载这些功能。

Wordpress社交分享和打印页面发布到pdf插件

使用此WordPress插件,您可以轻松地将网站访问者重定向到您的社交媒体帐户,并 增加你的存在 对这些。

下载 | 演示 | 虚拟主机

如何在没有插件的情况下添加PDF文件

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

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

步骤1 : 去 Google Drive 并登录到您的帐户(您只需要注册一个Gmail帐户即可获得 免费 15 GB的空间)。

步骤2 :上传要嵌入WordPress帖子中的PDF文件。 为此,请单击 风格 在您的Google云端硬盘帐户的左侧栏中, 点击导入文件 并从您的计算机上载文件。

导入文件Google Drive Blogpascher

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

打开新窗口Google Drive Blogpascher

步骤4 :在新窗口中,点击更多操作( 3个垂直点 在右上角)和 点击 分享.

Google云端硬碟Blogpascher

步骤5 :将打开一个名为“与人和组共享”和“获取链接”的弹出窗口。 点击这里 使用链接编辑任何人 在“获取链接”部分。 这是为了确保任何具有PDF文件链接的人都可以查看它。 如果您不这样做,该文件将被保密,并且对您的网站访问者不可见。

分享人组Blogpascher

您应该看到以下确认:

获取链接Google Drive Blogpascher

完成后,点击 .

步骤6 :现在是时候获取我们将在帖子中使用的嵌入代码了。 要获取此信息,请再次单击 更多动作,sélectionnez 整合元素.

集成元素Google Drive Blogpascher 1

步骤7 :这将打开一个弹出窗口,可让您复制iframe代码。

Google云端硬碟复制程式码整合

步骤8 :转到WordPress仪表板并创建或编辑要在其中嵌入PDF文件的帖子或页面。 如果您使用 经典编辑,只需转到“文本”标签并粘贴代码:

粘贴经典编辑器代码blogpascher

倒 古腾堡编辑,您需要添加一个新块,搜索自定义html,最后,在自定义HTML块中添加iframe代码:

个性化html插入gutenberg编辑器blogpascher

步骤9 :就是这样:现在预览您的帖子或页面以检查您的PDF文件。

总结

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

还发现一些高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1。 备份和恢复

备份和还原 是一个高级WordPress插件,将帮助您 安排您的网站备份 到本地服务器或其他云服务器(例如Dropbox,Google Drive和Amazon S3)。 因此,您只需单击一下,就可以从现有还原点还原网站(包括数据库)。

备份还原

也可以下载您的网站,数据库和所有备份。 该插件还将帮助您以简单,安全和可靠的方式管理备份和还原过程。

其功能包括:完整的网站备份,Amazon S3备份,Google云端硬盘, Dropbox,磁盘空间管理器,旧备份的自动删除,网站的完整还原, 支持多站点等...

下载 | 演示 | 虚拟主机

2. Yellow Pencil:Visual CSS样式编辑器

Yellow Pencil是一种视觉样式编辑器,您可以将其与任何主题一起使用,以在几分钟内(字体,颜色,动画等)个性化您的网站。Yellowpencil Visual CSS样式编辑器插件Wordpress

这个高级WordPress插件将在以下位置创建CSS样式 背景 当您像玩游戏一样玩这些色彩时,它是为初学者和有经验的用户设计的。

发现我们的 5插件 WordPress 显示通知

不需要编码知识。 但是,WordPress插件为喜欢编码的人提供了一个不错的CSS编辑器。 您可以使用此编辑器进行实时编码并自定义CSS。

下载 | 演示 | 虚拟主机

3. Quack聊天实时聊天系统

嘎嘎聊天是一种 WordPress扩展 高级版,可轻松与您的网站集成,并为您的客户提供用户友好的界面。 这是一个可以从任何计算机或移动设备使用的在线聊天。

WordPress的Quack聊天实时帮助支持系统

作为功​​能,它提供以下功能: 通过消息或电子邮件支持即时通知,声音通知系统,聊天的自动存档(历史记录),用户友好的控制面板,可自定义的聊天窗口,自动且可自定义的问候消息, 支持在聊天页面上自动滚动 等等......

下载 | 演示 | 虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

这里 ! 本教程就是这样。 我们希望本文能帮助您将PDF文件嵌入WordPress不要犹豫 与您最喜欢的社交网络上的朋友分享

但是,您也可以咨询 我们的资源,如果您需要更多元素来执行创建Internet网站的项目,请参考我们的指南 WordPress博客创建。

如果您有任何建议或意见,请将其留在我们的部分 评论.

...