wordpress知识库
网站首页 > 知识库 > 插件知识 >

如何使用 3D 翻书在 WordPress 中创建 3D PDF 查看器

3D Flipbook允许浏览PDF或HTML格式的图像,该格式通常用于展示移动对象,例如翻页杂志或书籍。由于智能手机的兴起,这种类型的内容变得更加普遍。

你无需简单地单击下一页,而是可以滑动屏幕来翻页。这种类型的互动内容为访问者提供了更加身临其境的体验。

3D Flipbook是一个在三维空间中运行的翻书wordpress插件。它允许同时使用PDF和HTML图像源,并附带各种可以使用的模板。

对细节的关注确实令人印象深刻,一个很好的例子是能够实际选择页面厚度。你甚至可以添加翻页声音!正如你所料,这个wordpress插件适合移动设备。

该插件非常容易设置,所以让我们直接开始吧。

第1步:安装3D Flipbook

单击“插件”,然后选择左侧管理面板上的“添加新”选项。

新增

在可用的搜索框中搜索3D Flipbook。这将拉出你可能会发现有用的其他插件。

3D翻页电子书

向下滚动,直到找到3D Flipbook插件,然后单击“立即安装”按钮并激活该插件以供使用。

立即安装

第2步:选择来源

所有设置都特定于你创建的特定书籍,因此,你已准备好开始构建翻书。

注意: 在屏幕顶部,将看到一条通知,突出显示你正在使用免费版本的事实。专业版提供了各种额外的功能,如果你打算经常使用它,你可能需要这些功能。

在左侧管理面板上,单击“3D Flipbook”,然后选择“新增”选项。

新增

翻书的创建被分解为多个选项卡。但是,你不能随时单击所有这些。相反,需要从第一个选项卡开始,然后第二个选项卡才可用。

“常规”选项卡是一切开始的地方。在这里,可以选择是否使用PDF或图像和HTML作为源。

选择来源

注意:源将确定可以使用哪些设置。我将尝试强调差异,但在大多数情况下,它应该是一个类似的过程。

如果选择PDF,则需要上传PDF URL。否则,将无法使用任何其他选项卡。

如果你选择图像,你现在可以通过单击“选择图像”选项或在以下选项卡上添加它们来添加它们。

然后。你还可以选择书籍样式和就绪功能。

你现在可以单击“页面”选项卡。

第3步:自定义

如果你选择PDF作为源,将看到的只是默认设置为无的页面自定义选项。你必须将其更改为“全部”才能查看选项。

如果你选择图像和HTML作为源,你现在需要将它们添加到书中,然后才能看到选项。

实际选项包括向图书添加自定义CSS、HTML或JavaScript。这允许自定义它以匹配网站或业务设计。可以对所有页面执行此操作,因此你可能会在此选项卡上花费大量时间。

自定义CSS

如果你选择“图像和HTML”作为源,则其余选项卡现在可用。让我们来看看它们。

“书籍属性”选项卡提供渲染选项。此页面上的默认选项应该适用于大多数网站,但如果你想自定义它,可以。

预订房产

“纸张属性”选项卡允许自定义纸张的厚度、翻页速度、纸张的曲率、纸张颜色以及书籍的侧面是否可见。这里有很多非常酷的东西,一旦你看到实际的书在行动,你可能会想要定制。

工作表属性

封面属性允许自定义书籍/杂志封面的外观。这些包括曲率、颜色、纹理、深度和填充。与最后一个选项类似,将希望在预览中查看这些选项,以查看它们的实际作用。

封面属性

“页面属性”选项卡与上一个选项卡类似,工作方式相同。请务必在预览中检查更改。

控件属性是要介绍的最后一个选项卡。它控制你在使用翻书时为访问者提供的选项。其中包括保存、打印和切换单页模式(传统PDF)的功能。只需选择最适合你网站的选项即可。

完成后单击“发布”按钮。

发布

注意:在将翻书简码添加到特定页面之前,“预览”选项可能不起作用。

第4步:显示3D翻书

现在是时候进行简单的部分了,在wordpress中添加3D Flipbook。这个插件利用简码来完成这项工作。可以在上面找到可以保存更改的简码。

简码

将简码粘贴到编辑器中的文本或简码块中。两者将产生相同的效果。保存更改,可以看到3D翻书在运行。

3D翻页电子书

注意:我个人认为,当文档处于全屏状态时,效果看起来更好。可能值得为你网站上的访问者记下它。

恭喜将第一本3D翻书添加到wordpress。请记住,可以随时编辑翻书的外观。