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

您知道可以使用 3D 动画书插件创建 3D PDF 查看器吗? 这为内容创建者打开了一个全新的维度,许多网站都将从中受益。

使用此插件,您可以创建交互式 3D 翻书,以新维度向访问者展示您的产品或内容。 这将在允许用户通过滑动屏幕翻页的移动设备上表现得非常好。

今天,我将演示如何使用 3D 动画书插件添加 WordPress 3D 动画书。

什么是 3D 动画书?

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

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

可以通过多种方式使用 WordPress 3D 动画书:

  • 杂志
  • 图书
  • 宣传册
  • 小册子

虽然它在计算机上看起来仍然像是一个噱头,但如果在正确的环境下使用它可以产生一些非常惊人的效果。

如何在 WordPress 中创建 3D 动画书

3D 动画书 是一个在三维中运行的翻书 WordPress 插件。 它允许您使用 PDF 和 HTML 图像源,并附带各种可供您使用的模板。

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

该插件很容易设置,所以让我们直接进入它。

第 1 步:安装 3D 动画书

单击插件并选择左侧管理面板上的添加新选项。

添新

在可用的搜索框中搜索 3D 动画书。 这将提取您可能会发现有用的其他插件。

3D 动画书

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

现在安装

第 2 步:选择来源

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

笔记: 在屏幕顶部,您将看到一条通知,突出显示您正在使用免费版本。 专业版提供了多种额外功能,如果您打算经常使用这些功能,您可能会想要这些功能。

在左侧管理面板上,单击 3D 动画书并选择添加新选项。

添新

翻书的创建分为多个选项卡。 但是,您不能随时单击所有这些。 相反,您需要在第二个选项卡可用之前从第一个选项卡开始。

常规选项卡是一切的开始。 您可以在此处选择是否使用 PDF 或图像和 HTML 作为源。

选择来源

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

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

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

之后。 您还可以选择书籍样式和准备功能。

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

第 3 步:定制

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

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

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

自定义 CSS

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

Book Properties 选项卡提供渲染选项。 此页面上的默认选项应该适用于大多数网站,但如果您想自定义它,您可以。

图书属性

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

图纸属性

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

封面属性

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

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

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

发布

笔记: 在您将翻书短代码添加到特定页面之前,预览选项可能不起作用。

第 4 步:显示 3D 动画书

现在是最简单的部分了,在 WordPress 中添加 3D 翻书。 这个插件利用简码来完成这项工作。 您可以在上面找到可以保存更改的简码。

短代码

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

3D 动画书

笔记: 我个人认为当文档全屏时效果会更好。 可能值得为您网站上的访问者记下它。

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

并非每个网站都需要 3D

与电影类似,并非每个网站都需要 3D 效果。 在某些情况下,它可能会显得不专业,这可能是一个严重的问题。 事实上,您甚至可能会失去潜在客户。

因此,这种风格很可能不适合您的网站。

仔细分析您的网站预期具有的基调,并要求客户对其进行测试并提供反馈。 毕竟,归根结底,唯一重要的是访问者或客户对此的看法。

您找到使用该插件的难易程度如何? 您是否发现该插件缺少任何自定义功能? 你认为插件应该有一个实时预览选项来实时查看更改吗?

查看  如何在 WordPress 中使用 Notes Widget Wrapper 来显示粘滞便笺

类似文章