使用WordPress和Thumult Hype添加动画，用于有效的博客文章

利用骚扰和WordPress的力量创建令人惊叹的互动动画！

键优点：

• 使用用户友好的Tumult Hype Animations插件将高级交互式动画毫无疑问地整合到WordPress博客文章中。 就像拖放一样简单！
>
• 创建自动适应任何屏幕尺寸的响应式设计，以确保在所有设备上都具有完美的观看体验。
• >将动画与现有的WordPress主题的CSS样式和字体无缝整合，以具有凝聚力和抛光的外观。
• >将内容共享选项扩展到HTML5之外。出口单个框架，动画gif或视频，用于特色图像，社交媒体和视频预告片。

>本教程将WordPress插件的Tumult Hype动画介绍，使您能够无缝嵌入交互式和设备响应动画到您的WordPress网站。 Tumult Hype本身为动画创作提供了一个强大的直观环境。 空白的画布和直观的时间表使动画变得轻而易举。 探索其强大的功能：运动曲线，自定义过渡，触摸手势，网络字体支持，音频集成，物理引擎和响应式布局工具。

炒作动画插件简化了集成过程。 直接从WordPress插件存储库安装（搜索“ Tumult Hype Animations”）。 将动画添加到您的帖子和页面上是使用短代码的简单问题。 通过插件的管理面板管理和更新动画，甚至复制WordPress以外使用的嵌入代码。 您的WordPress网站甚至可以作为动画的方便托管解决方案。

创建和集成动画：

> >让我们用一个交互式地图示例说明。 创建一个与您的博客最大宽度相匹配的炒作文档（或利用响应式设计进行动态调整）。 下载免费的14天试用版进行实验！ 下面，博客帖子宽度为463个像素：

添加交互式元素：鼠标浏览，动态更新（如闭路）和其他引人入胜的功能。使用Hype的内置浏览器预览和Hype Reffle Mobile App。 >以OAM格式导出动画（文件＆gt;以HTML5＆gt;导出为OAM文件）。此zpipted软件包包含所有必要的文件。

>在您的WordPress帖子或页面中，单击“炒作动画”按钮（位于“添加媒体”旁边）。拖放您的OAM文件。插件上传动画并自动将短代码添加到您的内容：>

>利用CSS和响应式设计：>

匹配您主题的宣传中的主题断点，以确保所有设备的响应能力：

>使用场景检查器为不同的布局定义断点。 有关响应式布局的详细说明，请参阅炒作文档。

> >使用“ On Enter ViewPort”操作（Action Inspector）的视口条目触发动画。

技术详细信息：

动画存储在您的WordPress

>
• 嵌入代码是一种非阻滞JavaScript嵌入（或可选的是wp-content>用于更高级的HTML访问）。
• 轻松地与Google Analytics（<iframe></iframe>）集成 使用WordPress post变量控制动画。
• 特殊站点点要约：

以上是使用WordPress和Thumult Hype添加动画，用于有效的博客文章的详细内容。更多信息请关注PHP中文网其他相关文章！