魏艾斯笔记Kadence Lottie Block 是 kandence主题的一个动画区块，能够为页面添加洛蒂动画。Kadence blocks插件中的 Kadence Lottie Block把这种快速又好用的形式引入 WordPress中，使用动画为网站访问者创造更好、更具吸引力的 web体验。
网络动画可以极大的吸引人的目光和关注度，但以前的动画往往质量低下和文件太大，比如 gif动画、flash动画及各种视频格式都是如此。而 Lottie 动画带有高质量画面而不会对带宽有多少消耗，因此这种开源的、体积非常小、质量高、交互式的 Lottie 动画就很受到欢迎。
Kadence主题 点我直达 Kadence pro主题基于古腾堡编辑器，快速建站，没有多余代码，小白也能很快上手。入门点击Kadence主题如何快速搭建网站。 更多Kadence主题内容请看Kadence专题学习、小网站选择 1核2g配置的服务器起步，国外主题建站选择 2核4g配置，适当搭配运行流畅。
国内服务器：阿里云、腾讯云（都有代金券，付款时抵用省钱） 不知道如何选择地域、配置请在页面右侧+老魏研究。
外贸、B2C/C2C等网站在国外注册域名。打开namesilo官网，在搜索框里输入并选择好后注册，记得使用优惠码省钱。优惠码点击国外域名商Namesilo域名注册教程获取。
外贸网站建议选择Hostinger虚拟主机，价格便宜，性价比极高！Hostinger专题
选择SiteGround虚拟主机。价格适中服务好！SiteGround专题
1、添加 kadence lottie block区块
先安装 kadence主题和Kadence Blocks插件，都是免费的。随便打开一个文章、页面等，找到并添加 Kadence Lottie Block区块。
2、Lottie动画区块设置
默认看到的是来自 LottieFiles 的 WordPress 占位符 Lottie Block 动画。
点击动画区块后，右侧看到的是相应的设置选项，如下图所示：
2.1、源文件地址
提供了远程地址和本地文件两种选项。
使用 LottieFiles 网站上找到的动画url替代占位符，在每个动画的详细信息页上能够找到远程文件的 url。
使用本地文件，先设置文件来源为本地文件，再点击“上传lottie文件”，上传 JSON文件，再输入一个好记的名字，上传保存。以后就可以在网站任何页面访问这个 lottie文件了。
lottie动画的 JSON文件是从 lottiefiles com 下载到的，需要注册账号后才能看到，老魏不是付费会员，试了一些免费动画是可以正常下载到本地及上传到网站使用的。
但 WordPress默认不支持 JSON文件直接上传，需要先允许 WordPress 上传 JSON文件，然后才能上传成功。
2.2、播放设置
包括：显示控件、自动播放、只在悬停时播放、仅在页面滚动时播放，及控制播放速度，这几个选项都不难理解。
2.3、循环设置
包括：循环播放、弹跳播放、循环延迟、限制循环。
2.4、尺寸控制
设置 Lottie 块的内边距、外边距，最大宽度等快速调整动画大小。
3、总结
Kadence Lottie block不止能在文章、页面中使用，还可以添加到 kadence 自定义页脚模板中，应用非常广泛。
虽然动画能够增加 web网页的吸引力和体验，不过并不要添加太多，毕竟同一个页面的动画太多也会导致页面打开慢。