如何使用Real3D WordPress插件创建Travel Gallery Flipbook

2024-01-03 09:30

本文主要是介绍如何使用Real3D WordPress插件创建Travel Gallery Flipbook,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

无论您是经营博客,企业还是任何类型的网站,您都需要吸引并保持受众的注意力才能成功。 吸引和保持用户注意力的主要部分是在您的网站上显示醒目的照片。

虽然在图库中显示这些图像是通常的呈现方式,但还有其他一些创造性的交互方式不仅可以显示这些图像,还可以显示其他文本和文档。 一种显示网站内容的创造性方法是使用翻书。

在这篇文章中,我们将要使用REAL3D的动画书 ,头号畅销的WordPress插件翻书上CodeCanyon 。 此插件将帮助您在几分钟之内创建一个外观精美的翻书,并使您的受众对您的网站所提供的内容保持兴趣。

在本文中,我将向您展示使用Real3D FlipBook插件创建3D动画书来吸引并吸引观众的注意力是多么简单。

我们将要建设的

我们将创建的活动簿将用于旅行博客。 在博客的其中一篇文章中,我们将添加由Real3D FlipBook插件创建的3D动画书,以展示上次欧洲之行拍摄的照片。

我们访问了欧洲的四个不同的国家,并将在活动簿中展示每个国家的前四张照片,以向我们的旅行博客读者展示。 为了使该翻书更具视觉吸引力并易于浏览,我们将改变该翻书的样式以及实际3D书的翻书功能,添加目录以及启用其他一些功能来增强观看者的体验。

怎样制作旅行手册?

创建活动簿

要创建此旅行翻页书,您需要安装Real 3D Flipbook插件。 从WordPress管理侧栏中选择Real 3D Flipbook ,然后单击Flipbooks。

这将打开Flipbook创建页面,然后我们将在屏幕顶部单击标题Flipbooks旁边的Add New按钮。 我们将为我们的新电子书贴上“ 欧洲旅行电子书”的标签。

现在是时候开始在活动簿中创建页面了。 这里有两个选项可供选择。 我们可以从PDF或JPEG图像创建活动簿页面。 看到我们拍摄这些照片并将它们以JPEG格式保存后,我们将单击“ 选择图像”按钮   JPG Flipbook下方,它将显示WordPress媒体库。

从那里,我们将选择16张图像。 我们将为所访问的四个国家/地区分别提供四张图片。 选择图像后,单击媒体库右下角的“ 发送到动画书”按钮。

将图像添加到动画书

现在,我们已经将所有想要包含在活动簿中的图像包含在内,我们需要创建一个目录,以便我们的观众知道每个图像来自哪个国家。 在活动簿仪表板的顶部,单击“ 目录”选项卡。

这将打开目录编辑器,在其中我们可以根据需要添加任意数量的标题和页码。 每个网格代表目录的一行。 同样,我们想让观众知道每个国家的照片的起点和终点。

前四张照片来自意大利,因此我们将在第一个字段中键入Italy ,然后在下一个字段1中键入意大利的页面。 接下来,单击“ 添加项目”按钮以添加另一个目录行,我们将对其他三个国家/地区重复此过程。 这是我们最终的目录表。

目录

创建活动簿的下一步是调整常规设置。 单击Real3D FlipBook仪表板顶部的“ 常规”选项卡。 从这里开始,我们将调整两个不同的设置:查看模式和翻页声音。

对于查看模式,请从下拉菜单中单击webgl设置。 这将确保显示的活动簿包含具有光和阴影的逼真的3D页面翻转功能,以创建逼真的效果。

转到页面翻转声音设置,我们只需单击启用的设置即可播放页面声音。 调整这些设置可确保我们尽可能创建逼真的活页簿,以使我们的观众对观看该活页簿感兴趣。

这是我们的电子书现在的样子。

建筑画册

我们的活动簿确实开始融合在一起,但是整个活动簿的样式都比较平淡,我们希望它看起来更加讨人喜欢,因此我们现在要在Real3D的UI选项卡中调整用户界面动画书仪表板。 单击此选项卡后,您将被带到UI菜单,我们将在其中更改背景颜色和侧面导航栏,以使活页簿从屏幕上弹出。

首先,单击Flipbook Background手风琴,然后单击color。 我们将在颜色选择器的右下方选择默认的蓝色。 接下来,单击“ 侧面导航按钮”手风琴菜单以展开菜单。 为了突出显示导航按钮,我们将背景色更改为红色,这将与蓝色背景色形成鲜明的对比。

为了使导航按钮更具吸引力,我们将更改半径,以使按钮为圆形而不是正方形。 我们将在半径字段中键入30 。 按钮上的最后样式更改将是大小。 再次,我们希望该导航按钮邀请用户继续导航,因此我们将其大小增加到48。最后,单击插件仪表板右下角的更新按钮以保存我们所有的更新刚做。

我们要更改的最后一个设置是在“ 菜单按钮”选项卡中。 单击“ 菜单按钮”选项卡,然后转到“ 下载PDF手风琴”菜单,然后单击它。 我们希望我们的旅行博客读者能够下载此电子书,以便他们与朋友分享并离线查看。 为此,我们将在“下载PDF”手风琴菜单顶部的“已启用”菜单项旁边的下拉菜单中单击“已启用”

有了您,我们为欧洲旅行创建了一个漂亮的翻书,将其显示在我们的旅行博客上。 您可以在下面的视频中看到整个动画书创建过程。

充分利用插件

在本文中,我们研究了如何使用活动簿插​​件创建旅行照片虚拟书。 不过,Real3D FlipBook插件具有更多的用途。 以下是您可以使用该插件创建的不同类型活页簿的一些想法。

产品目录

Real3D FlipBook插件非常适合目录。 它们使您可以在数字世界中创建现实的目录,供您的客户和潜在客户下载。 对于当今的互联网驱动企业而言,拥有在线目录是必须的,将您的产品添加到Real3D Flipbook创建的目录中将使您能够完全控制如何展示产品。

书籍或杂志

您可以使用此插件轻松创建书籍或杂志。 您的在线受众的平均关注范围持续下降,因此有必要制作醒目的有趣的书或杂志。 Real 3D FlipBook使您可以完全控制书本或杂志的自定义设置,从而使阅读材料更具视觉吸引力,而不仅仅是阅读静态的PDF。

其他定制

Real3D Flipbook插件是完全可定制的。 在本文中,我们只有机会介绍了该插件提供的一些功能。 下面,我列出了三个值得注意的功能,这些功能可以帮助您充分利用此插件。

书签

如果您要创建目录,书籍,杂志或任何具有大量页面的活页簿,则您的读者很可能不会一次坐完就看完活页簿。 在插件仪表板上的“ 菜单按钮”选项卡中启用书签功能,将使您的查看者可以为他们所在的确切页面添加书签,以便稍后返回并继续阅读。

相机角度

启用活动簿的WebGL显示以展示活动簿的3D功能时,您将能够编辑查看活动簿的角度。 通过更改摄像头角度,您可以产生一种幻象,即读者实际上正在阅读一本在他前面的翻书。 对此进行调整的选项是WebGL选项卡下的摄像机摇摄角度摄像机倾斜角度 。 调整这些设置以尝试为您的活页簿创建逼真的阅读角度。

搜索

默认情况下,活动簿上的搜索功能是关闭的。 如果您的活动簿包含很多信息,那么必须启用此搜索功能,这样您的读者才能准确找到他们要查找的内容。 在菜单按钮选项卡下启用此功能。

结论

向您的网站的观众显示任何类型的内容时,您需要吸引并保持他们的注意力。 画廊和其他类似画廊的展示可以向观众展示您的图像,但它们对活页簿的吸引力不大。

通过使用Real3D FlipBook插件 ,您可以轻松创建外观吸引人的活页簿 ,为访问者在访问网站时提供全新的体验。

翻译自: https://code.tutsplus.com/tutorials/how-to-create-a-travel-gallery-flipbook-with-real3d-flipbook--cms-34079

这篇关于如何使用Real3D WordPress插件创建Travel Gallery Flipbook的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/565241

相关文章

python使用库爬取m3u8文件的示例

《python使用库爬取m3u8文件的示例》本文主要介绍了python使用库爬取m3u8文件的示例,可以使用requests、m3u8、ffmpeg等库,实现获取、解析、下载视频片段并合并等步骤,具有... 目录一、准备工作二、获取m3u8文件内容三、解析m3u8文件四、下载视频片段五、合并视频片段六、错误

gitlab安装及邮箱配置和常用使用方式

《gitlab安装及邮箱配置和常用使用方式》:本文主要介绍gitlab安装及邮箱配置和常用使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1.安装GitLab2.配置GitLab邮件服务3.GitLab的账号注册邮箱验证及其分组4.gitlab分支和标签的

SpringBoot3应用中集成和使用Spring Retry的实践记录

《SpringBoot3应用中集成和使用SpringRetry的实践记录》SpringRetry为SpringBoot3提供重试机制,支持注解和编程式两种方式,可配置重试策略与监听器,适用于临时性故... 目录1. 简介2. 环境准备3. 使用方式3.1 注解方式 基础使用自定义重试策略失败恢复机制注意事项

nginx启动命令和默认配置文件的使用

《nginx启动命令和默认配置文件的使用》:本文主要介绍nginx启动命令和默认配置文件的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录常见命令nginx.conf配置文件location匹配规则图片服务器总结常见命令# 默认配置文件启动./nginx

在Windows上使用qemu安装ubuntu24.04服务器的详细指南

《在Windows上使用qemu安装ubuntu24.04服务器的详细指南》本文介绍了在Windows上使用QEMU安装Ubuntu24.04的全流程:安装QEMU、准备ISO镜像、创建虚拟磁盘、配置... 目录1. 安装QEMU环境2. 准备Ubuntu 24.04镜像3. 启动QEMU安装Ubuntu4

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

Windows下C++使用SQLitede的操作过程

《Windows下C++使用SQLitede的操作过程》本文介绍了Windows下C++使用SQLite的安装配置、CppSQLite库封装优势、核心功能(如数据库连接、事务管理)、跨平台支持及性能优... 目录Windows下C++使用SQLite1、安装2、代码示例CppSQLite:C++轻松操作SQ

Python常用命令提示符使用方法详解

《Python常用命令提示符使用方法详解》在学习python的过程中,我们需要用到命令提示符(CMD)进行环境的配置,:本文主要介绍Python常用命令提示符使用方法的相关资料,文中通过代码介绍的... 目录一、python环境基础命令【Windows】1、检查Python是否安装2、 查看Python的安

Python并行处理实战之如何使用ProcessPoolExecutor加速计算

《Python并行处理实战之如何使用ProcessPoolExecutor加速计算》Python提供了多种并行处理的方式,其中concurrent.futures模块的ProcessPoolExecu... 目录简介完整代码示例代码解释1. 导入必要的模块2. 定义处理函数3. 主函数4. 生成数字列表5.

Python中help()和dir()函数的使用

《Python中help()和dir()函数的使用》我们经常需要查看某个对象(如模块、类、函数等)的属性和方法,Python提供了两个内置函数help()和dir(),它们可以帮助我们快速了解代... 目录1. 引言2. help() 函数2.1 作用2.2 使用方法2.3 示例(1) 查看内置函数的帮助(